:root{--ink:#162033;--muted:#7d879a;--line:#e8ebf1;--surface:#fff;--bg:#f5f7fb;--nav:#111c2e;--primary:#4767e8;--primary-soft:#edf0ff;--green:#24a77e;--red:#e35b62;--shadow:0 12px 34px rgba(29,43,76,.07)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:linear-gradient(180deg,#101b2d,#17243a);color:#bfc8d8;z-index:10;overflow:auto}.brand{height:76px;display:flex;align-items:center;gap:12px;padding:0 24px;color:#fff;font-size:19px;letter-spacing:.6px;border-bottom:1px solid rgba(255,255,255,.07)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#fff;background:linear-gradient(135deg,#7290ff,#3f5ad1);font-weight:800;box-shadow:0 8px 18px rgba(71,103,232,.35)}.nav{padding:18px 12px}.nav>a,.nav-group>a,.nav-group>span{display:flex;align-items:center;gap:12px;color:#aeb9ca;padding:10px 14px;border-radius:8px;margin:2px 0}.nav>a,.nav-group>a{transition:.2s}.nav>a:hover,.nav-group>a:hover,.nav a.active{background:rgba(108,134,240,.16);color:#fff}.nav-group>span{margin-top:10px;color:#e2e7ef;font-weight:600}.nav-group>a{padding-left:47px;font-size:13px}.nav i{font-size:18px}.main{margin-left:246px;min-height:100vh}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:8}.top-account{display:flex;align-items:center;gap:10px;font-weight:600}.top-account form{margin:0}.avatar{display:grid;place-items:center;width:34px;height:34px;background:#e8ecff;color:#465fce;border-radius:50%;text-transform:uppercase}.icon-button{border:0;background:transparent;color:#6e788c;padding:8px;cursor:pointer}.icon-button i{font-size:20px}.content{padding:30px;max-width:1680px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.page-heading h1{font-size:28px;line-height:1.15;margin:3px 0;font-weight:750}.eyebrow{text-transform:uppercase;color:#8490a5;letter-spacing:1.5px;font-size:11px;font-weight:700;margin:0}.card{background:#fff;border:1px solid #eceef4;border-radius:14px;padding:22px;box-shadow:var(--shadow);margin-bottom:20px}.toolbar{padding:16px 18px}.filter-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.filter-form>div{min-width:170px;flex:1;max-width:260px}.filter-form label,.stacked-form label{display:block;color:#6d778a;font-size:12px;font-weight:650;margin-bottom:5px}.layui-input,.layui-select-title input{border-color:#dfe3ec!important;border-radius:7px!important}.layui-btn{border-radius:7px!important;background:#526fe5}.layui-btn-primary{background:#fff!important;color:#43516a!important;border-color:#dce1ea!important}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.metric{background:#fff;border:1px solid #eceef4;border-radius:14px;padding:22px;box-shadow:var(--shadow);position:relative;overflow:hidden}.metric:before{content:"";position:absolute;right:-20px;top:-24px;width:86px;height:86px;background:#f3f5fa;border-radius:50%}.metric.accent{background:linear-gradient(145deg,#4c68db,#617cec);color:#fff;border:0}.metric.accent:before{background:rgba(255,255,255,.09)}.metric span{display:block;color:#7d8798;font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.5px}.metric.accent span,.metric.accent small{color:#dce3ff}.metric strong{display:block;font-size:27px;margin:8px 0 2px}.metric small{color:#9aa2b1}.card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.card-title h2{font-size:18px;margin:2px 0}.badge{padding:4px 10px;background:#eef1f7;border-radius:999px;color:#637087;font-size:11px;font-weight:700}.badge.success{background:#e7f7f1;color:#168663}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.table-wrap{overflow:auto}.layui-table{margin:0!important;border:0!important}.layui-table th{background:#f8f9fc!important;color:#758096;font-size:11px;text-transform:uppercase;letter-spacing:.45px;white-space:nowrap}.layui-table td{border-color:#eef0f4!important;white-space:nowrap}.data-table{min-width:980px}.table-card{padding:20px 0}.table-card>.card-title,.table-card>.pager{margin-left:22px;margin-right:22px}.empty{text-align:center!important;color:#9ca5b4!important;padding:40px!important}.pager{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding-top:18px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detail-grid>div,.detail-list>div{padding:15px;background:#f8f9fc;border:1px solid #eef0f5;border-radius:9px}.detail-grid span,.detail-list span{display:block;color:#828b9b;font-size:12px}.detail-grid b{font-size:17px}.detail-list{display:grid;gap:9px}.detail-list>div{display:grid;grid-template-columns:180px 1fr;align-items:center}.detail-list span{font-weight:650}.detail-list b,.detail-list code{overflow-wrap:anywhere}.profile-layout{align-items:start}.stacked-form{display:grid;gap:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-card{max-width:690px}.form-hint{color:#8a94a5}.large-icon{font-size:32px;color:#5b73dd}.security-state{display:flex;gap:18px;align-items:start;padding:24px;background:#f0faf6;border-radius:12px}.security-state>i{font-size:38px;color:var(--green)}.security-state h3{margin:0}.security-state p{color:#708077}.setup-steps{display:grid;grid-template-columns:35px 1fr;gap:14px;align-items:start}.setup-steps>span{display:grid;place-items:center;width:30px;height:30px;background:var(--primary-soft);color:var(--primary);border-radius:50%;font-weight:700}.setup-steps p{margin:5px 0 16px}.inline-form{display:flex;gap:10px;margin-top:15px;max-width:430px}.alert{padding:12px 15px;border-radius:9px;margin-bottom:18px}.alert.error{background:#fff0f1;color:#b83f48;border:1px solid #ffd8db}.alert.success{background:#ecfaf5;color:#167457;border:1px solid #cff1e4}.alert.info{background:#eef3ff;color:#4661b4;border:1px solid #dbe4ff}.text-danger{color:var(--red);border:0;background:transparent;cursor:pointer}.mono,code{font-family:"SFMono-Regular",Consolas,monospace}.reveal-secret{border:0;background:transparent;color:var(--primary);cursor:pointer}.bar-chart{height:280px;display:flex;align-items:end;gap:14px;border-bottom:1px solid var(--line);padding:20px 10px 0;overflow-x:auto}.bar-day{height:100%;min-width:54px;display:flex;flex-direction:column;justify-content:end;align-items:center}.bars{height:220px;display:flex;align-items:end;gap:4px}.bar{display:block;width:14px;border-radius:5px 5px 0 0;max-height:210px;min-height:8px}.bar.total{background:#5d79e9}.bar.success{background:#43b994}.bar-day span{font-size:10px;color:#8a93a2;margin-top:7px}.legend{color:#7f899b;font-size:12px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin:0 4px 0 12px}.dot.blue{background:#5d79e9}.dot.green{background:#43b994}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#fff}.login-visual{background:radial-gradient(circle at 15% 85%,rgba(100,130,255,.42),transparent 35%),radial-gradient(circle at 90% 10%,rgba(58,180,159,.28),transparent 34%),linear-gradient(145deg,#111d32,#23385e);color:#fff;padding:72px;display:flex;align-items:center}.visual-copy{max-width:650px}.logo-pill{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#5c78eb;font-size:24px;font-weight:800;margin-bottom:40px}.visual-copy h1{font-size:48px;line-height:1.15;margin:10px 0 20px}.visual-copy>p:last-child{color:#c4cde0;font-size:17px;max-width:540px}.login-panel{display:grid;place-items:center;padding:45px}.login-card{width:min(420px,100%)}.login-logo{display:flex;align-items:center;gap:12px;font-size:18px;margin-bottom:40px}.login-card h2{font-size:30px;margin:0}.login-card>p{color:#8992a1;margin:4px 0 26px}.login-card>label{display:block;font-size:12px;font-weight:650;color:#677287;margin:13px 0 6px}.input-wrap{position:relative}.input-wrap i{position:absolute;left:14px;top:12px;color:#9aa3b1}.input-wrap input{width:100%;height:44px;border:1px solid #dfe3eb;border-radius:8px;padding:0 12px 0 40px;outline:none}.input-wrap input:focus{border-color:#6780e6;box-shadow:0 0 0 3px #edf0ff}.submit{width:100%;height:45px;margin-top:22px}.secure-note{text-align:center;color:#9aa3b1;font-size:11px;margin-top:20px}.sidebar-collapsed .sidebar{transform:translateX(-246px)}.sidebar-collapsed .main{margin-left:0}.sidebar,.main{transition:.22s}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.login-page{grid-template-columns:1fr}.login-visual{display:none}}@media(max-width:760px){.sidebar{transform:translateX(-246px)}.main{margin-left:0}.sidebar-open .sidebar{transform:none}.content{padding:18px}.topbar{padding:0 18px}.metric-grid,.detail-grid{grid-template-columns:1fr}.top-account>span:not(.avatar){display:none}.detail-list>div{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.visual-copy h1{font-size:34px}}