:root{color:#24332a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--qlac-green:#036402;--qlac-green-dark:#024c02;--qlac-orange:#e6a23c;--border:#e5ebe5;--muted:#718075;background:#f5f7f5;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit;cursor:pointer}button:focus-visible{outline-offset:3px;outline:3px solid #e6a23c}h1,h2,h3,p{margin-top:0}#root{min-height:100vh}.portal{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);z-index:20;background:#fff;flex-direction:column;flex-shrink:0;width:252px;height:100vh;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid var(--border);align-items:center;gap:12px;height:86px;padding:20px;display:flex}.brand-mark{background:var(--qlac-green);color:#fff;border-radius:12px;place-items:center;width:43px;height:43px;font-size:26px;font-weight:800;display:grid}.brand strong{color:var(--qlac-green);font-size:22px;display:block}.brand span{color:var(--muted);margin-top:3px;font-size:10px;display:block}.nav-caption{color:#98a59a;letter-spacing:1.2px;padding:29px 24px 12px;font-size:10px;font-weight:800}.navigation{gap:5px;padding:0 12px;display:grid}.nav-link{color:#526156;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;width:100%;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.nav-link:hover{background:#f0f6f0}.nav-link.active{color:var(--qlac-green);background:#eaf5e9}.nav-icon{text-align:center;width:21px;font-size:19px}.sidebar-footer{border-top:1px solid var(--border);color:#526156;margin-top:auto;padding:20px 23px;font-size:11px;font-weight:600}.sidebar-footer small{color:#97a39a;margin:7px 0 0 14px;display:block}.environment-dot{background:#19a34a;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.main-area{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:15px;height:72px;padding:0 34px;display:flex}.topbar-left,.topbar-right{align-items:center;gap:18px;display:flex}.breadcrumb{color:#8a968d;gap:10px;font-size:12px;display:flex}.breadcrumb strong{color:#263b2a}.breadcrumb-divider{color:#c5cec7}.topbar-status{color:#839087;font-size:11px}.user-avatar{width:34px;height:34px;color:var(--qlac-green);background:#e9f4e9;border-radius:50%;place-items:center;font-weight:800;display:grid}.menu-toggle{color:var(--qlac-green);background:0 0;border:0;font-size:23px;display:none}.content{flex:1;width:100%;max-width:1500px;margin:0 auto;padding:34px}.page-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:27px;display:flex}.eyebrow{letter-spacing:1.5px;color:var(--qlac-green);margin-bottom:9px;font-size:10px;font-weight:800}.page-heading h1{letter-spacing:-.6px;margin-bottom:8px;font-size:27px}.page-heading p{color:var(--muted);margin-bottom:0;font-size:13px}.preview-label{color:var(--qlac-green);white-space:nowrap;background:#e7f3e7;border-radius:20px;padding:8px 12px;font-size:10px;font-weight:800}.welcome-banner{color:#fff;background:linear-gradient(110deg,#036402,#0d7b22);border-radius:15px;justify-content:space-between;align-items:center;min-height:206px;padding:36px;display:flex;overflow:hidden}.welcome-tag{letter-spacing:1.4px;color:#c3edc1;font-size:10px;font-weight:800}.welcome-banner h2{margin:13px 0;font-size:25px}.welcome-banner p{color:#e3f5e2;max-width:500px;margin-bottom:0;font-size:13px;line-height:1.7}.welcome-symbol{opacity:.13;padding-right:25px;font-size:145px;font-weight:900;line-height:1}.overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:23px 0;display:grid}.overview-card{border:1px solid var(--border);background:#fff;border-radius:13px;min-height:158px;padding:23px}.card-indicator{background:var(--qlac-green);border-radius:5px;width:26px;height:5px;margin-bottom:24px;display:block}.overview-card h3{margin-bottom:8px;font-size:15px}.overview-card p{color:var(--muted);margin-bottom:16px;font-size:12px}.card-status{color:#a06b18;background:#fff6e7;border-radius:5px;padding:5px 8px;font-size:10px}.info-panel{border:1px solid var(--border);background:#fff;border-radius:13px;justify-content:space-between;align-items:center;gap:15px;padding:25px;display:flex}.info-panel h3{margin-bottom:8px;font-size:15px}.info-panel p{color:var(--muted);margin-bottom:0;font-size:12px;line-height:1.6}.info-pill{color:var(--qlac-green);white-space:nowrap;background:#edf6ec;border-radius:20px;padding:8px 12px;font-size:11px}.module-placeholder{border:1px solid var(--border);text-align:center;background:#fff;border-radius:14px;padding:75px 20px}.placeholder-icon{color:var(--qlac-green);margin-bottom:18px;font-size:38px}.module-placeholder h2{font-size:21px}.module-placeholder p{color:var(--muted);max-width:420px;margin:0 auto 24px;font-size:13px;line-height:1.7}.module-placeholder button{background:var(--qlac-green);color:#fff;border:0;border-radius:8px;padding:12px 20px;font-size:12px;font-weight:600}.module-placeholder button:hover{background:var(--qlac-green-dark)}.portal-footer{color:#96a299;justify-content:space-between;gap:10px;padding:22px 34px;font-size:11px;display:flex}.mobile-overlay{display:none}@media (width<=1100px){.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.sidebar{width:260px;transition:transform .2s;position:fixed;left:0;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.mobile-overlay{z-index:15;background:#15251a80;border:0;width:100%;height:100%;display:block;position:fixed;inset:0}.menu-toggle{display:block}.topbar{height:64px;padding:0 18px}.content{padding:22px 17px}.page-heading{align-items:flex-start}.page-heading h1{font-size:23px}.preview-label{display:none}.welcome-banner{padding:27px 23px}.welcome-banner h2{font-size:22px}.welcome-symbol{display:none}.portal-footer{flex-direction:column;padding:18px}.topbar-status{display:none}}@media (width<=480px){.overview-grid{grid-template-columns:1fr;gap:12px}.overview-card{min-height:130px;padding:19px}.card-indicator{margin-bottom:17px}.info-panel{flex-direction:column;align-items:flex-start}}