:root{--bg:#faf9f6;--teal:#347d75;--teal-dark:#2a665f;--teal-soft:#e6f2f0;--text:#2b2a28;--muted:#6b6660;--card:#fff;--border:#e7e4df;--danger:#dc2626;--warn:#b45309;--ok:#15803d;--sidebar-w:240px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Manrope,Avenir Next,Segoe UI,sans-serif}a{color:var(--teal)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--teal);outline-offset:1px}.app-shell{min-height:100vh;display:flex}.app-sidebar{width:var(--sidebar-w);background:var(--card);border-right:1px solid var(--border);z-index:60;flex-direction:column;justify-content:space-between;transition:transform .2s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.app-brand{letter-spacing:.2px;color:var(--teal);align-items:center;gap:10px;padding:22px 20px 18px;font-size:16px;font-weight:700;display:flex}.app-brand-mark{background:var(--teal);color:#fff;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;font-weight:700;display:inline-flex}.app-nav{flex-direction:column;gap:2px;padding:4px 10px;display:flex}.app-nav-item{text-align:left;width:100%;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.app-nav-item:hover{background:var(--teal-soft);color:var(--teal-dark)}.app-nav-item.active{background:var(--teal-soft);color:var(--teal);font-weight:700}.app-badge{background:var(--danger);color:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.app-sidebar-footer{border-top:1px solid var(--border);padding:16px 20px}.app-logout{width:100%;color:var(--muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:10px;padding:10px 0;font-size:13px;font-weight:500}.app-logout:hover{border-color:var(--teal);color:var(--teal)}.app-main{margin-left:var(--sidebar-w);flex:1;min-width:0;padding:28px}.app-topbar,.app-overlay{display:none}.app-hamburger{border:1px solid var(--border);cursor:pointer;width:40px;height:40px;color:var(--teal);background:0 0;border-radius:10px;font-size:20px;line-height:1}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.bell-wrap{position:relative}.bell-btn{background:var(--card);border:1px solid var(--border);cursor:pointer;width:42px;height:42px;color:var(--teal);border-radius:10px;font-size:18px;position:relative}.bell-count{background:var(--danger);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.bell-panel{background:var(--card);border:1px solid var(--border);z-index:70;border-radius:14px;width:360px;max-width:calc(100vw - 32px);max-height:420px;position:absolute;top:50px;right:0;overflow-y:auto;box-shadow:0 16px 48px #00000024}.bell-item{border-bottom:1px solid var(--border);cursor:pointer;padding:12px 14px;font-size:13px}.bell-item.unread{background:var(--teal-soft)}.bell-item:last-child{border-bottom:none}.chip{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.feed-item{border-bottom:1px solid var(--border);gap:12px;padding:10px 0;font-size:13px;display:flex}.feed-item:last-child{border-bottom:none}.feed-dot{background:var(--teal);border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:5px}.filter-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:16px;display:grid}@media (max-width:900px){.app-sidebar{transform:translate(-100%)}.app-sidebar.open{transform:none;box-shadow:8px 0 32px #0000002e}.app-main{margin-left:0;padding:72px 16px 16px}.app-topbar{background:var(--card);border-bottom:1px solid var(--border);z-index:50;height:56px;color:var(--teal);align-items:center;gap:12px;padding:0 14px;font-weight:700;display:flex;position:fixed;top:0;left:0;right:0}.app-overlay.open{z-index:55;background:#00000059;display:block;position:fixed;inset:0}div[style*="position: fixed"][style*="z-index: 101"]{width:100vw!important;max-width:100vw!important}}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:20px;display:grid}.attempt-pill{background:var(--teal-soft);color:var(--teal);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.login-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}@media (max-width:900px){.login-grid{grid-template-columns:1fr}div[style*="position: fixed"][style*="z-index: 1000"]{padding:8px!important}}