/* VIWAWA Premium Layer */
:root{
  --vw-blue:#073f78;--vw-blue2:#052f5f;--vw-blue3:#0b66b3;--vw-gold:#ffd84d;--vw-gold2:#fff0a6;
  --vw-bg:#eef6fd;--vw-card:#fff;--vw-text:#14233b;--vw-muted:#667085;--vw-line:#dbe8f4;
  --vw-shadow:0 24px 70px rgba(7,63,120,.14);--vw-soft-shadow:0 16px 40px rgba(7,63,120,.09);
}
body{background:radial-gradient(circle at 20% -5%,rgba(255,216,77,.22),transparent 28%),linear-gradient(180deg,#f4faff,#eaf4fc);color:var(--vw-text)}
.app-shell{display:flex;min-height:100vh;background:linear-gradient(180deg,#f3f9ff,#eaf4fc)}
.sidebar{width:292px;background:linear-gradient(180deg,#073f78,#06477f 54%,#04274b);color:#fff;position:fixed;inset:0 auto 0 0;padding:22px 18px;overflow:auto;z-index:1040;box-shadow:18px 0 45px rgba(3,26,51,.18)}
.side-brand{display:flex;gap:12px;align-items:center;margin-bottom:26px}.side-logo{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#1263d7;font-weight:950;font-size:26px;border:3px solid rgba(255,216,77,.75)}.side-title{font-weight:950;font-size:20px;line-height:1}.side-name{font-size:14px;color:#e5f3ff;margin-top:6px}.side-area{padding:13px 2px 15px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:12px;color:#e4f2ff;font-weight:700}.side-area i{color:var(--vw-gold)}
.side-label{font-size:11px;letter-spacing:.12em;color:#91c7fb;font-weight:900;margin:18px 10px 8px;text-transform:uppercase}.sidebar a{display:flex;align-items:center;gap:13px;color:#eaf6ff;padding:13px 15px;border-radius:18px;margin:5px 0;font-weight:900;letter-spacing:.01em;transition:.2s ease}.sidebar a i{font-size:20px;width:23px;text-align:center}.sidebar a:hover,.sidebar a.active{background:rgba(255,255,255,.15);color:#fff;transform:translateX(3px)}.sidebar a.active{box-shadow:inset 4px 0 0 var(--vw-gold)}
.main{margin-left:292px;width:calc(100% - 292px);padding:28px;min-height:100vh}.mobile-top{display:none}.page-head,.app-page-title{background:rgba(255,255,255,.94);border:1px solid rgba(219,232,244,.88);border-radius:32px;padding:30px 36px;box-shadow:var(--vw-shadow);margin-bottom:28px}.page-head h1,.page-head h2,.app-page-title h1,.app-page-title h2{font-size:clamp(32px,4vw,52px);font-weight:950;letter-spacing:-1.2px;color:var(--vw-text)}
.stat{background:#fff;border-radius:26px;border:1px solid var(--vw-line);box-shadow:var(--vw-soft-shadow);padding:22px}.stat h3{font-size:34px;font-weight:950;color:var(--vw-text)}.stat small{font-weight:800;color:var(--vw-muted)}
.premium-card,.table-card,.card-soft,.insta-card{background:rgba(255,255,255,.96);border:1px solid rgba(219,232,244,.9);border-radius:28px;box-shadow:var(--vw-soft-shadow);padding:24px}.soft-title{font-size:26px;font-weight:950;color:var(--vw-text)}.muted{color:var(--vw-muted)}
.btn-main,.btn-blue{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--vw-blue),var(--vw-blue3));color:#fff!important;border:0;border-radius:999px;font-weight:950;padding:13px 24px;box-shadow:0 14px 30px rgba(7,63,120,.25)}.btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--vw-gold2),var(--vw-gold));color:#241c00!important;border:0;border-radius:999px;font-weight:950;padding:13px 24px;box-shadow:0 14px 30px rgba(255,216,77,.28)}.btn-lite{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#f4f9ff;color:var(--vw-blue)!important;border:1px solid var(--vw-line);border-radius:999px;font-weight:900;padding:11px 18px}.btn-main:hover,.btn-gold:hover,.btn-lite:hover{transform:translateY(-2px)}
.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.quick-link{display:flex;align-items:center;gap:10px;background:#f7fbff;border:1px solid var(--vw-line);border-radius:18px;padding:14px;color:var(--vw-blue);font-weight:950}.quick-link i{font-size:21px}.quick-link:hover{background:#fff;box-shadow:var(--vw-soft-shadow)}
.feed-wrap{max-width:760px;margin:0 auto}.insta-tabs{display:flex;gap:10px;overflow:auto;margin-bottom:18px}.insta-tabs a{white-space:nowrap;padding:12px 19px;border-radius:999px;background:#fff;border:1px solid var(--vw-line);font-weight:950;color:var(--vw-blue)}.insta-tabs a.active{background:linear-gradient(135deg,var(--vw-blue),var(--vw-blue3));color:#fff}.composer-card textarea,.insta-textarea{width:100%;border:0;background:#f5f9fd;border-radius:18px;padding:15px;outline:none;resize:vertical}.avatar-lg,.avatar-md,.avatar-sm{border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0b66b3,#073f78);color:#fff;font-weight:950;flex:0 0 auto}.avatar-lg{width:58px;height:58px;font-size:20px}.avatar-md{width:46px;height:46px}.avatar-sm{width:34px;height:34px;font-size:13px}.post-head{display:flex;gap:12px;align-items:center}.post-body{font-size:16px;line-height:1.75;margin:16px 0}.post-img{width:100%;max-height:520px;object-fit:cover;border-radius:22px;border:1px solid var(--vw-line)}.post-actions{display:flex;gap:10px;border-top:1px solid var(--vw-line);padding-top:13px;margin-top:14px}.post-action{border:0;background:#f5f9fd;color:#344054;border-radius:999px;padding:9px 14px;font-weight:900}.comment-box{background:#f6f9fc;border-radius:16px;padding:10px 12px;margin-top:8px}
.chat-layout{display:grid;grid-template-columns:340px 1fr;gap:18px}.chat-list{max-height:70vh;overflow:auto}.chat-person{display:flex;gap:12px;padding:13px;border-radius:18px;color:var(--vw-text);border:1px solid transparent}.chat-person:hover,.chat-person.active{background:#f5f9ff;border-color:var(--vw-line)}.chat-window{min-height:70vh;display:flex;flex-direction:column}.message-row{display:flex;margin:8px 0}.message-bubble{max-width:min(72%,620px);padding:12px 15px;border-radius:18px;background:#f3f6fa;line-height:1.6}.message-row.mine{justify-content:flex-end}.message-row.mine .message-bubble{background:linear-gradient(135deg,var(--vw-blue),var(--vw-blue3));color:#fff}.chat-form{display:flex;gap:10px;margin-top:auto;border-top:1px solid var(--vw-line);padding-top:15px}.chat-form input{flex:1;border:1px solid var(--vw-line);border-radius:999px;padding:13px 18px;outline:none}
.reader-layout{display:grid;grid-template-columns:290px 1fr;gap:18px}.reader-side{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto}.book-tile{display:block;padding:14px;border-radius:18px;background:#fff;border:1px solid var(--vw-line);margin-bottom:10px;color:var(--vw-text)}.book-tile.active,.book-tile:hover{border-color:#9cc9f2;box-shadow:var(--vw-soft-shadow)}.reader-page{font-size:18px;line-height:1.85}.reader-page h1,.reader-page h2,.reader-page h3{font-weight:950;color:var(--vw-text)}
.bible-box{font-size:18px;line-height:1.9}.verse{padding:7px 8px;border-radius:12px}.verse:hover{background:#fff8df}.verse sup{font-weight:950;color:var(--vw-blue);margin-right:8px}.gold-badge,.blue-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;font-weight:950;padding:7px 12px}.gold-badge{background:#fff5c2;color:#6b5000}.blue-badge{background:#eaf5ff;color:var(--vw-blue)}
.alert{border-radius:18px}.form-control,.form-select{border-radius:16px;border:1px solid var(--vw-line);padding:12px 14px}.form-control:focus,.form-select:focus{border-color:#9cc9f2;box-shadow:0 0 0 4px rgba(11,102,179,.12)}
.election-card{border:1px solid var(--vw-line);border-radius:26px;background:#fff;box-shadow:var(--vw-soft-shadow);padding:20px}.candidate-card{border:1px solid var(--vw-line);border-radius:24px;overflow:hidden;background:#fff}.candidate-card img{width:100%;height:260px;object-fit:cover;background:#eef6fd}.candidate-card .body{padding:18px}.leaderboard-row{display:grid;grid-template-columns:60px 1fr 110px;gap:12px;align-items:center;padding:13px;border-bottom:1px solid var(--vw-line)}.rank{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#eef6ff;color:var(--vw-blue);font-weight:950}
@media(max-width:991px){.sidebar{transform:translateX(-105%);transition:.25s ease}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%;padding:86px 14px 20px}.mobile-top{display:flex;position:fixed;inset:0 0 auto 0;height:66px;z-index:1030;align-items:center;justify-content:space-between;padding:10px 14px;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);box-shadow:0 10px 30px rgba(7,63,120,.12)}.hamb{border:0;border-radius:16px;width:46px;height:46px;background:var(--vw-blue);color:#fff;font-size:22px}.mobile-title{font-weight:950;color:var(--vw-blue)}.page-head,.app-page-title{padding:24px;border-radius:26px}.chat-layout,.reader-layout{grid-template-columns:1fr}.reader-side{position:relative;max-height:none}.chat-window{min-height:58vh}.side-backdrop{display:none;position:fixed;inset:0;background:rgba(3,26,51,.44);z-index:1035}.side-backdrop.show{display:block}}
@media(max-width:575px){.page-head h1,.page-head h2,.app-page-title h1,.app-page-title h2{font-size:32px}.stat{padding:18px}.premium-card,.table-card,.card-soft,.insta-card{padding:18px;border-radius:23px}.chat-form{flex-direction:column}.message-bubble{max-width:88%}.candidate-card img{height:210px}.leaderboard-row{grid-template-columns:50px 1fr 80px}}