:root{--primary:#0d47a1;--primary2:#1565c0;--ink:#172033;--muted:#718096;--bg:#f4f7fb;--border:#e6ebf2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:255px;background:#fff;border-right:1px solid var(--border);position:fixed;left:0;top:0;bottom:0;z-index:1030;display:flex;flex-direction:column}.brand{height:70px;display:flex;align-items:center;gap:11px;padding:0 20px;border-bottom:1px solid var(--border)}.brand-mark,.brand-mini,.login-logo{width:38px;height:38px;border-radius:10px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800}.brand b{display:block;font-size:14px;letter-spacing:.8px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:1.5px}.sidebar-search{margin:15px 14px;display:flex;align-items:center;background:#f6f8fb;border:1px solid var(--border);border-radius:9px;padding:0 10px;color:#8a94a6}.sidebar-search input{border:0;outline:0;background:transparent;width:100%;padding:9px 7px;font-size:13px}.sidebar nav{overflow:auto;padding:0 10px}.nav-link,.nav-label,.nav-children a{display:flex;align-items:center;gap:11px;text-decoration:none;color:#4d5a6b;border-radius:8px;padding:10px 11px;font-size:13px;margin:2px 0}.nav-link:hover,.nav-children a:hover,.nav-label:hover{background:#f1f5fa;color:var(--primary)}.nav-label{cursor:pointer}.nav-children{padding-left:19px;display:block}.nav-children a{font-size:12.5px;padding:8px 10px}.nav-children a i{font-size:12px}.sidebar-bottom{margin-top:auto;padding:12px;border-top:1px solid var(--border)}.sidebar-bottom a{display:flex;gap:10px;align-items:center;text-decoration:none;color:#5f6b7a;padding:9px 11px}.sidebar-bottom .logout{color:#c62828}.main{margin-left:255px;min-width:0;width:calc(100% - 255px)}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:1020}.top-left,.top-actions{display:flex;align-items:center;gap:9px}.icon-btn{border:0;background:#f7f9fc;color:#4f5b6c;width:38px;height:38px;border-radius:9px;display:grid;place-items:center;text-decoration:none}.icon-btn:hover{background:#eaf1fb;color:var(--primary)}.top-menu{display:flex;gap:4px}.top-menu a{padding:8px 10px;color:#5d6878;text-decoration:none;font-size:12px;border-radius:7px}.top-menu a:hover{background:#f3f6fa}.top-brand{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;color:#18263d;font-size:15px}.brand-mini{width:30px;height:30px;border-radius:8px;font-size:13px}.global-search{height:38px;width:190px;border:1px solid var(--border);border-radius:9px;display:flex;align-items:center;padding:0 10px;gap:7px;color:#8994a5}.global-search input{border:0;outline:0;width:100%;font-size:12px}.global-search.compact{width:180px}.dot{width:7px;height:7px;background:#e53935;border-radius:50%;position:absolute;right:8px;top:7px;border:1px solid #fff}.admin-menu{display:flex;align-items:center;gap:8px;padding-left:6px}.avatar{width:34px;height:34px;border-radius:50%;background:#e8f0fc;color:var(--primary);display:grid;place-items:center;font-weight:700}.admin-copy{display:flex;flex-direction:column}.admin-copy b{font-size:12px}.admin-copy small{font-size:10px;color:var(--muted)}.content{padding:25px;max-width:1700px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:20px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:var(--primary);font-weight:800}.page-head h1{font-size:25px;margin:3px 0 4px;font-weight:750}.page-head p{margin:0;color:var(--muted);font-size:13px}.stat-card,.card-panel,.report-box{background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 3px 14px rgba(30,55,90,.035)}.stat-card{padding:18px;display:flex;gap:13px;align-items:center;height:100%}.stat-icon{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;font-size:19px}.stat-icon.blue{background:#e8f0fc;color:#1565c0}.stat-icon.green{background:#e9f7ef;color:#2e7d32}.stat-icon.orange{background:#fff3e0;color:#ef6c00}.stat-icon.violet{background:#f1eafa;color:#6a1b9a}.stat-card small,.stat-card span{display:block;color:var(--muted);font-size:10px}.stat-card strong{display:block;font-size:21px;line-height:1.35}.card-panel{padding:0;overflow:hidden}.panel-head{padding:17px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-head h5{margin:0;font-size:15px}.panel-head small{color:var(--muted);font-size:10px}.panel-head a{font-size:11px;color:var(--primary);text-decoration:none}.chart-wrap{height:300px;padding:15px 18px}.chart-wrap.tall{height:430px}.mini-list{padding:5px 18px 18px}.mini-list div{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #eef1f5;font-size:12px}.mini-list span{color:var(--muted)}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px}.quick-grid a{border:1px solid var(--border);padding:14px;border-radius:9px;text-decoration:none;color:#4e5b6c;font-size:12px}.quick-grid i{display:block;font-size:20px;color:var(--primary);margin-bottom:7px}.table{font-size:12px}.table th{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#7d8796;font-weight:700;white-space:nowrap}.badge-soft{padding:5px 8px;border-radius:20px;font-size:10px;display:inline-block}.badge-soft.success{background:#e9f7ef;color:#2e7d32}.badge-soft.warning{background:#fff4df;color:#b56a00}.report-box{padding:18px;position:relative}.report-box small,.report-box b{display:block}.report-box small{color:var(--muted);font-size:10px}.report-box b{font-size:22px;margin-top:5px}.report-box i{position:absolute;right:18px;top:18px;color:#9aa5b4;font-size:20px}.notification{display:flex;gap:13px;padding:16px 18px;border-bottom:1px solid var(--border)}.notification-icon{width:38px;height:38px;background:#edf3fc;color:var(--primary);border-radius:9px;display:grid;place-items:center}.notification b{font-size:13px}.notification p{margin:3px 0;font-size:12px;color:#5f6b7a}.notification small{font-size:10px;color:#9aa3af}.empty{padding:40px;text-align:center;color:var(--muted)}.genealogy{padding:30px}.node{background:#fff;border:1px solid var(--border);border-radius:11px;padding:12px;text-align:center;min-height:115px;box-shadow:0 3px 10px rgba(30,55,90,.04)}.node .avatar{margin:0 auto 7px}.node b,.node small,.node em{display:block}.node b{font-size:12px}.node small{font-size:9px;color:var(--muted)}.node em{font-style:normal;font-size:9px;color:var(--primary);margin-top:4px}.root{max-width:200px;margin:auto}.tree-line{height:30px;width:2px;background:#cbd5e1;margin:auto}.guard-list{padding:10px 18px 18px}.guard-list div{padding:12px 0;border-bottom:1px solid var(--border);font-size:12px;color:#4f5d6f}.profile-card{padding:30px;max-width:600px}.profile-avatar{width:70px;height:70px;border-radius:18px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:27px;font-weight:800}.profile-card h3{margin:14px 0 2px}.profile-card p{color:var(--muted)}.profile-card small,.profile-card b{display:block}.footer{padding:16px 25px;color:#8a95a5;font-size:10px;display:flex;justify-content:space-between}.footer a{margin-left:15px;color:#788394;text-decoration:none}.mobile-top-menu,.mobile-bottom{display:none}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eef4fb,#f8fafc)}.login-card{width:min(410px,92vw);background:#fff;border:1px solid var(--border);border-radius:16px;padding:35px;box-shadow:0 20px 60px rgba(30,55,90,.1);text-align:center}.login-logo{width:58px;height:58px;margin:0 auto 15px;font-size:24px}.login-card h2{font-size:22px;margin:0}.login-card p{color:var(--muted);font-size:12px;margin-bottom:24px}.login-card .input-group-text{background:#f7f9fc;border-color:var(--border)}.login-card .form-control{border-color:var(--border)}
@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0);box-shadow:12px 0 35px rgba(0,0,0,.12)}.main{margin-left:0;width:100%}.top-menu{display:none}.top-brand{position:static;transform:none}.global-search{width:130px}.admin-copy,.admin-menu>i{display:none}.content{padding:18px}.mobile-top-menu{display:flex;background:#fff;border-bottom:1px solid var(--border);overflow:auto;padding:7px 10px;gap:6px}.mobile-top-menu a{flex:0 0 auto;text-decoration:none;color:#566273;font-size:10px;text-align:center;padding:5px 8px}.mobile-top-menu i{display:block;font-size:15px;color:var(--primary);margin-bottom:2px}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;height:62px;background:#fff;border-top:1px solid var(--border);z-index:1040;justify-content:space-around}.mobile-bottom a{flex:1;text-align:center;text-decoration:none;color:#647083;font-size:9px;padding-top:7px}.mobile-bottom i{display:block;font-size:17px}.footer{padding-bottom:75px}.page-head{align-items:flex-start}.page-head .btn{white-space:nowrap}}
@media(max-width:575px){.topbar{height:60px;padding:0 10px}.top-brand strong{font-size:12px}.brand-mini{width:28px;height:28px}.top-actions{gap:4px}.top-actions .global-search{display:none}.icon-btn{width:34px;height:34px}.content{padding:14px}.page-head{display:block}.head-actions{margin-top:12px}.page-head h1{font-size:21px}.stat-card{padding:14px}.chart-wrap{height:250px}.panel-head{padding:14px}.global-search.compact{width:135px}.footer{display:none}.table{min-width:650px}}