@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap');
:root{--bg:#f6f8fc;--surface:#fff;--surface-2:#f8fafc;--text:#172033;--muted:#697386;--border:#e7eaf0;--primary:#0b79f7;--primary-2:#40c7ff;--primary-soft:#eaf4ff;--success:#149467;--warning:#d78b12;--danger:#db4b4b;--sidebar:#0f172a;--sidebar-text:#dbe7ff;--sidebar-active:#1e3a5f;--gold:#d5a23c;--radius:18px;--shadow:0 10px 30px rgba(30,45,80,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);margin:0}h1,h2,h3,h4,h5,h6{font-family:Manrope,Inter,sans-serif;font-weight:800;letter-spacing:-.02em}a{text-decoration:none;color:var(--primary)}
body.theme-menara{--bg:#f8f7f1;--surface:#fffefa;--surface-2:#f6f3e9;--text:#15352f;--muted:#6b7770;--border:#ece5d4;--primary:#087555;--primary-2:#19a77a;--primary-soft:#e9f6f0;--sidebar:#063f34;--sidebar-text:#eaf9f2;--sidebar-active:#0c5b49;--gold:#d3a34c}
body.theme-scout{--bg:#f3f7fb;--surface:#fff;--surface-2:#eef5fb;--text:#12243d;--muted:#67809a;--border:#dfe8f2;--primary:#0d8f86;--primary-2:#2fb6d4;--primary-soft:#e7f7f5;--sidebar:#0a1d36;--sidebar-text:#dff6ff;--sidebar-active:#123a57;--gold:#f4b942}
body.theme-cloud{--bg:#f6f8fc;--surface:#fff;--surface-2:#f3f6fa;--text:#182239;--muted:#718096;--border:#e5eaf2;--primary:#1778f2;--primary-2:#4ac8ff;--primary-soft:#eaf3ff;--sidebar:#111a2e;--sidebar-text:#e6edff;--sidebar-active:#1d2b49;--gold:#dba73b}
.btn{border-radius:12px;font-weight:700}.btn-primary{background:var(--primary);border-color:var(--primary)}.btn-primary:hover{filter:brightness(.94);background:var(--primary);border-color:var(--primary)}.btn-outline-primary{color:var(--primary);border-color:var(--primary)}.btn-soft{background:var(--primary-soft);color:var(--primary);border:0}.form-control,.form-select{border-radius:12px;border-color:var(--border);padding:.7rem .85rem;background:#fff}.form-control:focus,.form-select:focus{border-color:color-mix(in srgb,var(--primary) 50%,white);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--primary) 12%,transparent)}
.landing{background:linear-gradient(180deg,#fff 0%,var(--bg) 100%)}.landing-nav{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(230,235,243,.7)}.brand-logo{height:34px;width:auto}.hero{min-height:82vh;display:flex;align-items:center;padding:6rem 0 4rem;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;width:550px;height:550px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 14%,transparent),transparent 70%);right:-160px;top:0}.hero-copy{position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border));background:var(--surface);color:var(--primary);padding:.45rem .8rem;border-radius:999px;font-weight:700;font-size:.85rem}.hero h1{font-size:clamp(2.6rem,5vw,5rem);line-height:1.02;margin:1.25rem 0;color:var(--text)}.hero p{font-size:1.14rem;line-height:1.75;color:var(--muted);max-width:680px}.hero-mascot{max-width:520px;width:100%;filter:drop-shadow(0 30px 25px rgba(18,74,131,.18));position:relative;z-index:2}.trust-chips{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.trust-chip{display:inline-flex;gap:.45rem;align-items:center;font-size:.9rem;color:var(--muted)}.feature-section{padding:5.5rem 0}.section-kicker{color:var(--primary);font-weight:800;text-transform:uppercase;font-size:.76rem;letter-spacing:.12em}.section-title{font-size:clamp(2rem,4vw,3.2rem);margin:.6rem 0 1rem}.feature-card,.pricing-card,.showcase-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:1.5rem;box-shadow:var(--shadow);height:100%}.feature-icon{width:48px;height:48px;border-radius:15px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:1.25rem;margin-bottom:1rem}.showcase-window{background:var(--surface);border:1px solid var(--border);border-radius:26px;box-shadow:0 30px 80px rgba(36,55,90,.14);overflow:hidden}.fake-browser{height:42px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 1rem;gap:.45rem}.fake-browser span{width:10px;height:10px;border-radius:50%;display:block;background:#d1d6df}.showcase-dashboard{padding:1rem;display:grid;grid-template-columns:160px 1fr;gap:1rem}.mini-sidebar{background:var(--sidebar);border-radius:16px;padding:1rem;color:var(--sidebar-text)}.mini-menu{height:9px;background:rgba(255,255,255,.2);border-radius:6px;margin:.7rem 0}.mini-main{display:grid;gap:.7rem}.mini-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.mini-card{height:82px;background:var(--surface-2);border:1px solid var(--border);border-radius:14px}.mini-large{height:210px;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:14px}.theme-swatch{height:160px;border-radius:18px;padding:1rem;display:flex;align-items:flex-end;color:#fff;font-weight:800}.theme-swatch.menara{background:linear-gradient(145deg,#053f34,#0d7b5b 60%,#d3a34c)}.theme-swatch.scout{background:linear-gradient(145deg,#0a1d36,#0d8f86 65%,#2fb6d4)}.theme-swatch.cloud{background:linear-gradient(145deg,#111a2e,#1778f2 65%,#4ac8ff)}
.auth-page{background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--primary) 12%,transparent),transparent 32%),var(--bg)}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:28px;padding:2rem;box-shadow:0 30px 75px rgba(30,45,70,.13)}.auth-logo{width:160px}.auth-mascot{max-width:330px;width:85%;filter:drop-shadow(0 25px 30px rgba(33,111,185,.16))}
.app-shell{min-height:100vh;display:grid;grid-template-columns:270px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:var(--sidebar);color:var(--sidebar-text);padding:1.15rem;display:flex;flex-direction:column;overflow:auto}.sidebar-brand{display:flex;align-items:center;gap:.75rem;padding:.65rem .6rem 1rem}.sidebar-brand img{width:118px;filter:brightness(0) invert(1)}.institution-switcher{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:.85rem;margin-bottom:1rem}.institution-switcher .small{color:rgba(255,255,255,.63)}.sidebar-section{font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.48);padding:.85rem .7rem .35rem}.side-link{color:var(--sidebar-text);display:flex;align-items:center;gap:.75rem;padding:.72rem .8rem;border-radius:12px;margin:.1rem 0;font-weight:600;font-size:.92rem}.side-link:hover{background:rgba(255,255,255,.08);color:#fff}.side-link.active{background:var(--sidebar-active);color:#fff}.side-link i{width:20px;text-align:center}.sidebar-user{margin-top:auto;background:rgba(255,255,255,.08);border-radius:14px;padding:.85rem;display:flex;gap:.7rem;align-items:center}.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,var(--primary),var(--primary-2));display:grid;place-items:center;color:#fff;font-weight:800}.main-wrap{min-width:0}.topbar{height:74px;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;position:sticky;top:0;z-index:900}.topbar-search{max-width:520px;flex:1;margin-right:1rem;position:relative}.topbar-search input{padding-left:2.6rem;background:var(--surface-2)}.topbar-search i{position:absolute;left:.95rem;top:.85rem;color:var(--muted)}.topbar-actions{display:flex;align-items:center;gap:.7rem}.icon-btn{width:42px;height:42px;border-radius:12px;border:1px solid var(--border);display:grid;place-items:center;background:var(--surface);color:var(--text);position:relative}.notification-dot{position:absolute;right:7px;top:6px;width:8px;height:8px;background:var(--danger);border-radius:50%;border:2px solid var(--surface)}.content{padding:1.5rem;max-width:1680px;margin:0 auto}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.page-title{font-size:1.8rem;margin:0}.page-subtitle{color:var(--muted);margin:.35rem 0 0}.card-soft{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 5px 18px rgba(30,45,80,.035)}.card-pad{padding:1.2rem}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.kpi{padding:1.2rem}.kpi-label{font-size:.82rem;color:var(--muted);font-weight:700}.kpi-value{font-size:1.65rem;font-family:Manrope,sans-serif;font-weight:800;margin:.45rem 0}.kpi-foot{font-size:.78rem;color:var(--muted)}.kpi-icon{width:44px;height:44px;border-radius:14px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.kpi-head{display:flex;justify-content:space-between;align-items:flex-start}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.action-tile{border:1px solid var(--border);border-radius:14px;padding:1rem;text-align:center;background:var(--surface);color:var(--text);transition:.15s}.action-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--primary) 35%,var(--border));color:var(--primary)}.action-tile i{font-size:1.3rem;color:var(--primary);display:block;margin-bottom:.45rem}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th{font-size:.73rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:800;padding:.8rem;border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:.85rem;border-bottom:1px solid var(--border);vertical-align:middle;font-size:.9rem}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:color-mix(in srgb,var(--primary) 2.5%,var(--surface))}.table-wrap{overflow:auto}.badge-soft{font-size:.73rem;border-radius:999px;padding:.35rem .6rem;font-weight:800;display:inline-block}.badge-soft.success{background:#e8f8f1;color:#0e855b}.badge-soft.warning{background:#fff4dd;color:#a86d08}.badge-soft.danger{background:#ffeded;color:#bd3838}.badge-soft.secondary{background:#eef1f5;color:#687386}.badge-soft.info{background:var(--primary-soft);color:var(--primary)}.empty-state{text-align:center;padding:3.5rem 1.5rem;color:var(--muted)}.empty-state img{max-width:150px;opacity:.92;margin-bottom:1rem}.attention-list{display:grid;gap:.65rem}.attention-item{display:flex;gap:.75rem;align-items:center;padding:.8rem;border:1px solid var(--border);border-radius:13px}.attention-dot{width:9px;height:9px;border-radius:50%}.bg-danger-dot{background:var(--danger)}.bg-warning-dot{background:var(--warning)}.bg-primary-dot{background:var(--primary)}.progress-thin{height:7px;background:var(--surface-2);border-radius:999px;overflow:hidden}.progress-thin>span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-2));border-radius:999px}.setup-progress{background:linear-gradient(135deg,var(--primary-soft),var(--surface));border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));border-radius:22px;padding:1.25rem}.mascot-helper{width:115px;filter:drop-shadow(0 15px 20px rgba(20,80,145,.14))}.sticky-actions{position:sticky;bottom:1rem;z-index:20}.mobile-nav{display:none}.theme-card{border:2px solid transparent;border-radius:18px;padding:.8rem;background:var(--surface);cursor:pointer}.theme-card.selected{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.receipt{max-width:780px;margin:2rem auto;background:#fff;color:#172033;border:1px solid #dfe4ec;border-radius:20px;padding:2rem}.receipt-head{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px dashed #ccd3dd;padding-bottom:1rem}.receipt-logo{max-width:150px}.portal-page{min-height:100vh;background:linear-gradient(180deg,var(--primary-soft),var(--bg) 30%)}.portal-card{max-width:760px;margin:auto;background:var(--surface);border:1px solid var(--border);border-radius:28px;box-shadow:0 30px 70px rgba(30,45,80,.12)}.portal-hero{padding:2rem;border-radius:28px 28px 0 0;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 65%,var(--primary-2)));color:#fff}.portal-amount{font-size:2.4rem;font-weight:800;font-family:Manrope,sans-serif}.app-footer{color:var(--muted);font-size:.78rem;text-align:center;padding:1rem 1.5rem 2rem}.readonly-banner{background:#fff4dd;color:#77510d;border-bottom:1px solid #f0d99f;padding:.65rem 1.5rem;font-size:.88rem}.super-kpi{background:linear-gradient(145deg,#0d172c,#1e3a5f);color:white;border:0}.chart-holder{min-height:280px}.timeline{border-left:2px solid var(--border);margin-left:.6rem;padding-left:1.2rem}.timeline-item{position:relative;padding:0 0 1.2rem}.timeline-item:before{content:"";position:absolute;left:-1.59rem;top:.25rem;width:.72rem;height:.72rem;border-radius:50%;background:var(--primary);border:3px solid var(--surface)}.health-score{width:104px;height:104px;border-radius:50%;background:conic-gradient(var(--success) var(--score,75%),var(--surface-2) 0);display:grid;place-items:center}.health-score:after{content:"";width:78px;height:78px;background:var(--surface);border-radius:50%;position:absolute}.health-score span{position:relative;z-index:2;font-size:1.55rem;font-weight:800}
@media(max-width:1199px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.app-shell{grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:991px){.app-shell{display:block}.sidebar{display:none}.topbar{padding:0 .8rem}.content{padding:1rem 1rem 5.8rem}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:.6rem;right:.6rem;bottom:.65rem;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:.45rem;z-index:1200;box-shadow:0 15px 35px rgba(30,45,80,.18)}.mobile-nav a{display:grid;place-items:center;color:var(--muted);font-size:.67rem;font-weight:700;gap:.15rem;padding:.35rem}.mobile-nav a i{font-size:1.1rem}.mobile-nav a.active{color:var(--primary)}.showcase-dashboard{grid-template-columns:110px 1fr}.mini-kpis{grid-template-columns:repeat(2,1fr)}.hero{text-align:center;padding-top:4rem}.hero p{margin-left:auto;margin-right:auto}.trust-chips{justify-content:center}.hero-mascot{max-width:380px}.page-header{align-items:flex-start;flex-direction:column}.action-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.kpi-grid{grid-template-columns:1fr}.topbar-search{display:none}.content{padding:.9rem .8rem 5.5rem}.page-title{font-size:1.55rem}.auth-card{padding:1.35rem}.feature-section{padding:3.5rem 0}.showcase-dashboard{display:block}.mini-sidebar{display:none}.mini-kpis{grid-template-columns:repeat(2,1fr)}.portal-card{border-radius:0;min-height:100vh;border:0}.portal-hero{border-radius:0}.receipt{margin:0;border-radius:0;border:0;padding:1rem}.receipt-head{flex-direction:column}.action-grid{grid-template-columns:1fr 1fr}}
@media print{.no-print,.topbar,.sidebar,.mobile-nav,.app-footer,.readonly-banner{display:none!important}.app-shell{display:block}.content{padding:0}.receipt{box-shadow:none;border:0;margin:0;max-width:none}.card-soft{box-shadow:none}}