:root{--brand:#159bd7;--brand-dark:#087ab2;--brand-soft:#e8f7fd;--ink:#172033;--muted:#718096;--canvas:#f4f8fb;--line:#e2ebf1;--shadow:0 8px 28px rgba(28,73,96,.07)}
body{background:#f4f8fb;color:#172033}.sidebar{width:250px;background:#fff;color:#334155;border-left:1px solid #e5edf3;padding:22px 16px;box-shadow:0 0 28px rgba(28,73,96,.035)}.app-main{margin-right:250px}.brand{color:#172033;padding:0 8px 25px}.brand:hover{color:#172033}.brand-mark,.login-logo{background:#159bd7;box-shadow:0 8px 22px rgba(21,155,215,.22);border-radius:13px}.brand-title{font-size:1rem}.brand-sub,.side-label{color:#94a3b8}.side-label{font-weight:700;letter-spacing:.02em}.side-link{color:#64748b;border:1px solid transparent;padding:11px 13px;border-radius:11px;font-size:.92rem}.side-link:hover{background:#f4f9fc;color:#087ab2}.side-link.active{background:#eaf7fc;color:#087ab2;border-color:#d8eff8;box-shadow:none}.side-icon{width:23px;font-size:1.1rem}.sidebar-user{background:#f7fafc;border:1px solid #e4edf2}.sidebar-user strong{color:#243247!important}.avatar{background:#dff3fb;color:#087ab2}.topbar{height:74px;background:rgba(255,255,255,.92);border-bottom:1px solid #e5edf3;box-shadow:none}.page-wrap{padding:28px 32px}.page-kicker{color:#159bd7}.soft-card{border:1px solid #e1eaf0;border-radius:16px;box-shadow:0 6px 24px rgba(28,73,96,.055)}.metric-card{padding:20px}.metric-card:after{display:none}.metric-icon{width:46px;height:46px;border-radius:12px;background:#e8f7fd;color:#159bd7;font-size:1.15rem}.metric-value{font-size:1.85rem}.role-badge{background:#edf8fd;color:#087ab2}.btn-brand{background:#159bd7;border-color:#159bd7;border-radius:10px}.btn-brand:hover{background:#087ab2;border-color:#087ab2}.modern-table th{background:#f8fbfd}.permission-item:hover{border-color:#8dd2ef;background:#f7fcfe}.guest-shell{grid-template-columns:minmax(380px,48%) 1fr;background:#fff}.login-pane{padding:clamp(28px,6vw,80px)}.login-visual{position:relative;overflow:hidden;margin:14px;background:linear-gradient(145deg,#0c7fb8,#21b7e8);border-radius:22px}.login-visual:before,.login-visual:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.09)}.login-visual:before{width:420px;height:420px;top:-220px;left:-110px}.login-visual:after{width:300px;height:300px;bottom:-170px;right:-90px}.visual-inner{position:relative;z-index:1}.visual-orb{width:150px;height:150px;border-radius:34px;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);font-size:3.5rem;margin-bottom:36px}.form-control{border-color:#dce6ec;background:#fbfdfe}.form-control:focus{border-color:#51b9e4;box-shadow:0 0 0 .2rem rgba(21,155,215,.12)}.top-action{width:38px;height:38px;border:1px solid #e1eaf0;background:#fff;border-radius:10px;display:grid;place-items:center;color:#64748b}.quick-status{display:flex;align-items:center;gap:7px;color:#64748b;font-size:.85rem}.status-dot{width:8px;height:8px;background:#29b47b;border-radius:50%;box-shadow:0 0 0 4px rgba(41,180,123,.1)}@media(max-width:991.98px){.app-main{margin-right:0}.sidebar{transform:translateX(100%)}.page-wrap{padding:20px}.guest-shell{grid-template-columns:1fr}.login-visual{display:none}}