:root{--ink:#29334d;--muted:#8993a6;--blue:#5673cc;--blue-dark:#405fb9;--bg:#f4f6fa;--line:#e8ecf3;--teal:#28977e;--radius:14px;--tblr-primary:#5673cc;--tblr-body-font-family:"Noto Sans SC Variable","Segoe UI","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}a{text-decoration:none;color:var(--blue)}button:focus-visible,a:focus-visible{outline:3px solid #90a6ec;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:28px;font-weight:650;letter-spacing:-.6px}h2{font-size:17px;font-weight:650}.muted,small{color:var(--muted)}small{font-size:12px}.block{display:block;margin-top:4px}label{display:block;font-size:13px;font-weight:500}label .form-control,label .form-select{margin-top:8px}label small{display:block;margin-top:7px;font-weight:400}.form-control,.form-select{min-height:42px;border:1px solid #dfe5ef;border-radius:8px;color:var(--ink);background-color:#fff;font-size:14px;box-shadow:none}.form-control:focus,.form-select:focus{border-color:#8a9fde;box-shadow:0 0 0 3px #5673cc16}.btn{border-radius:8px;min-height:38px;font-weight:550;font-size:13px;gap:8px}.btn-primary{background:var(--blue);border-color:var(--blue)}.btn-primary:hover{background:var(--blue-dark);border-color:var(--blue-dark)}.btn-sm{min-height:31px;font-size:12px}.form-error{color:#c45465;font-size:13px;min-height:20px;margin:12px 0}.eyebrow{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:1.8px;margin-bottom:10px}#progress{position:fixed;inset:0 auto auto 0;height:3px;width:100%;z-index:99;background:linear-gradient(90deg,transparent,#839af0,transparent);animation:load 1s linear infinite}#toast{position:fixed;z-index:100;top:24px;left:50%;transform:translate(-50%,-20px);max-width:90vw;background:#2d4160;color:#fff;padding:13px 24px;border-radius:10px;box-shadow:0 8px 30px #21375725;opacity:0;pointer-events:none;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}#toast.danger{background:#a74756}.status-dot{display:inline-block;background:#38a88b;width:7px;height:7px;border-radius:100%;box-shadow:0 0 0 4px #38a88b12;flex-shrink:0}.status-dot.offline{background:#e0a04c;box-shadow:0 0 0 4px #e0a04c12}.sidebar{width:238px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:32px 26px;color:var(--ink);font-size:20px;font-weight:750;letter-spacing:3px}.brand b{font-size:33px;color:var(--blue);background:#edf1fe;border-radius:12px;width:46px;height:46px;text-align:center;line-height:46px}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:4px;color:#9aa3b6}.nav-section{padding:8px 28px 14px;font-size:10px;color:#9ca5b7;letter-spacing:2px}#navigation{padding:0 14px;overflow-y:auto;scrollbar-width:thin}#navigation a{display:flex;gap:14px;align-items:center;min-height:42px;padding:10px 16px;margin:2px 0;border-radius:8px;color:#7a859a;font-size:13px;transition:.15s}#navigation a>span{font-size:18px;width:20px;text-align:center}#navigation a:hover{background:#f6f8fc;color:var(--blue)}#navigation a.active{background:#edf1fc;color:var(--blue);font-weight:650}#navigation a.active:after{content:"";width:5px;height:5px;background:var(--blue);border-radius:50%;margin-left:auto}.sidebar-bottom{margin:auto 26px 20px;padding-top:18px;font-size:11px;color:#8895a9}.sidebar-bottom .status-dot{margin-right:8px}.sidebar-bottom small{display:block;font-size:8px;letter-spacing:1.5px;margin-top:10px}.workspace{margin-left:238px}.topbar{height:78px;padding:0 36px;background:#ffffffb8;backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:14px}.breadcrumb{font-size:12px;color:#919aad;display:flex;gap:18px;align-items:center;margin:0}.breadcrumb b{color:#61708e;font-weight:500}.topbar-actions{display:flex;gap:18px;align-items:center}#clock{font-family:Consolas,monospace;color:#99a3b5;font-size:11px}.avatar-button{background:#eaf0fb;border:0;border-radius:8px;color:#6077b1;padding:9px 14px;font-size:12px}.icon-button{background:none;border:0;font-size:20px;color:var(--ink)}#toggle-menu{display:none}#content{padding:36px;max-width:1560px;margin:auto;min-height:calc(100vh - 130px);outline:none}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.page-heading p{color:var(--muted);font-size:13px;margin:10px 0 0}.page-heading h1{margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.metric,.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 3px 8px #24396802}.metric{padding:23px 24px}.metric-label{color:#8b97ae;font-size:12px;display:flex;justify-content:space-between;align-items:center}.metric-label span{color:#7d93cb;background:#f0f4fb;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;font-size:17px}.metric strong{display:block;font-size:32px;letter-spacing:-1.2px;font-weight:550;font-variant-numeric:tabular-nums;margin:6px 0 10px}.metric small{font-size:11px}.dashboard-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.panel{margin-bottom:24px;overflow:hidden}.panel-title{padding:23px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title h2{margin:0;font-size:14px}.panel-title>span,.panel-title>a{font-size:11px;color:var(--muted)}.balance-list{padding:0 24px}.balance-list>div{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid #eff2f7}.balance-list>div:last-child{border-bottom:0}.coin{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:17px}.coin-0{color:#3b9e87;background:#e7f6ef}.coin-1{color:#ce6b7b;background:#fceef0}.coin-2{color:#b8964c;background:#f9f3e6}.balance-list label{font-size:12px}.balance-list label small{font-size:10px;margin-top:3px}.balance-list strong{margin-left:auto;font-family:Consolas,monospace;font-size:21px;font-weight:500;letter-spacing:-.5px}.panel-note{background:#fafbfd;font-size:11px;color:#94a0b4;padding:14px 24px}.health-list{padding:0 24px 20px}.health-list>div{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px dashed #edf0f5}.health-list b{font-size:12px;font-weight:500}.health-list small{margin-left:auto;font-size:11px}.table{font-size:12px;margin:0;color:#66748e}.table thead th{background:#f9fafd;color:#9aa4b6;font-size:11px;font-weight:500;padding:15px 22px;letter-spacing:0;border-color:var(--line)}.table td{padding:17px 22px;border-color:#eff2f7;max-width:310px}.table tbody tr:hover{background:#fcfdff}.table code{font-size:11px;color:#748bb7;word-break:break-all}.money{font-family:Consolas,monospace;font-variant-numeric:tabular-nums}.positive{color:#319c81}.negative{color:#c46878}.pill{display:inline-flex;align-items:center;padding:4px 8px;font-size:10px;border-radius:5px;white-space:nowrap}.pill.green{color:#36997f;background:#eaf7f1}.pill.red{color:#c06072;background:#fceef1}.pill.blue{color:#667ed0;background:#eff2fc}.pill.amber{color:#bc9447;background:#fcf5e6}.pill.muted{color:#9da6b7;background:#f0f3f8}.truncate{display:block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.table-toolbar{display:flex;gap:12px;align-items:flex-end;padding:20px 24px;border-bottom:1px solid var(--line)}.table-toolbar>input{max-width:350px}.table-toolbar label{min-width:120px;font-size:10px}.table-toolbar label .form-select{margin-top:4px}.pagination-row{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-top:1px solid var(--line);font-size:11px;color:#a1a9ba}.pagination-row>div{display:flex;gap:8px}.empty-state{text-align:center;padding:40px 20px 48px;color:#9da8bc}.empty-state>span{display:block;font-size:36px;color:#c7d2e8;margin-bottom:12px}.empty-state h3{font-size:14px;font-weight:500;color:#8b98b0}.empty-state p{font-size:12px;margin:0}.settings-panel{padding:26px}.settings-panel>h2{margin-bottom:24px}.settings-panel .panel-title{padding:0 0 24px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.menu-edit-row{display:grid;grid-template-columns:130px 1fr 1.2fr 1.4fr;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.menu-edit-row>div small{display:block;font-size:10px;margin-top:5px}.menu-edit-row>div b{font-size:13px;font-weight:550}.menu-edit-row label{font-size:11px;color:#8a97ad}.save-bar{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border:1px solid var(--line);background:#fff;border-radius:12px;position:sticky;bottom:16px;box-shadow:0 8px 25px #2839540a;z-index:1}.save-bar>span{font-size:12px;color:#94a0b3}.inline-actions{display:flex;gap:10px;margin:22px 0}.narrow{max-width:650px}.narrow label{margin-bottom:24px}.workspace-footer{display:flex;justify-content:space-between;padding:20px 36px;color:#a1aabb;font-size:10px;border-top:1px solid var(--line)}.skeleton{height:210px;border-radius:14px;background:linear-gradient(110deg,#eaf0f7 8%,#f9fbfe 18%,#eaf0f7 33%);background-size:200% 100%;animation:skeleton 1.4s linear infinite;margin-bottom:24px}.skeleton.small{height:310px}.error-state{padding:70px 24px;text-align:center}.error-state p{color:#a07080}.error-state h2{font-size:20px}dialog{border:1px solid #e4e9f3;border-radius:18px;box-shadow:0 24px 100px #24375930;width:520px;max-width:calc(100vw - 32px);padding:26px;color:var(--ink)}dialog::backdrop{background:#1c294d66;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-heading h2{margin:0}.dialog-heading button{border:0;background:#f2f5fa;border-radius:8px;width:30px;height:30px;font-size:23px;color:#9aa8bc}#dialog-fields label{margin-bottom:18px}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px}.detail-json,pre{max-height:420px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:12px;background:#f6f8fc;border-radius:8px;padding:14px}.login-layout{display:grid;grid-template-columns:1.12fr 1fr;min-height:100vh;background:white}.login-art{position:relative;background:linear-gradient(155deg,#101d49,#445284 60%,#ba9fac);overflow:hidden;min-height:600px}.login-art:after{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 13% 17%,#fff9 99%,transparent),radial-gradient(2px 2px at 69% 28%,#fff6 99%,transparent),radial-gradient(1px 1px at 33% 35%,#fff6 99%,transparent);background-size:250px 220px;pointer-events:none}.orb{position:absolute;width:340px;height:340px;border-radius:50%;background:#f7e5e2;top:13%;right:-40px;box-shadow:0 0 110px #edcfd033}.mountain{position:absolute;width:120%;height:500px;left:-15%;bottom:-170px;transform:rotate(20deg);background:linear-gradient(130deg,#313c64,#172747);border-radius:20% 40% 0 0}.m2{left:45%;bottom:-160px;transform:rotate(-26deg);background:linear-gradient(100deg,#495c7c,#293b5c)}.art-caption{position:absolute;z-index:2;top:10%;left:10%;color:#fff}.brand-mark{font-size:44px;color:#e8d0c6}.art-caption>span{letter-spacing:5px;font-size:10px;color:#b1bdd9}.art-caption h1{font-size:40px;line-height:1.55;letter-spacing:3px;font-weight:450;margin:24px 0 15px}.art-caption p{color:#b7c4df;font-size:13px;letter-spacing:3px}.anime-character{position:absolute;bottom:-8%;right:-11%;width:83%;height:85%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 20px 40px #12264330);z-index:1}.login-panel{display:flex;flex-direction:column;padding:48px 10%;justify-content:space-between}.login-top{font-size:10px;letter-spacing:2.3px;color:#9aa6bb}.login-form{width:100%;max-width:350px;margin:70px auto}.login-form .eyebrow{display:block;font-size:11px;letter-spacing:2px;color:#9ba9c3}.login-form h2{font-size:29px;font-weight:550;letter-spacing:1px;margin:18px 0 12px}.login-form>p{font-size:12px;margin-bottom:36px}.login-form label{font-size:12px;margin-top:22px;color:#77869e}.login-form .form-control{height:48px;background:#f8fafc;border-color:#e9edf3;font-size:14px;padding:12px 16px}.login-form .btn-primary{width:100%;height:48px;text-align:left;display:flex;justify-content:space-between;padding:0 18px;box-shadow:0 10px 20px #5673cc22}.password-field{position:relative}.password-field button{position:absolute;right:10px;top:10px;background:transparent;border:0;color:#9aa8bc;padding:5px 8px}.login-note{font-size:10px;color:#a7b0bf;margin-top:26px;text-align:center}.login-note .status-dot{margin-right:9px;width:5px;height:5px}.login-panel footer{font-size:9px;color:#a3adbd;display:flex;justify-content:space-between;gap:15px;letter-spacing:1px}#particles{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:40}@keyframes load{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes skeleton{to{background-position-x:-200%}}@media(min-width:1500px){.login-form{max-width:380px}.art-caption h1{font-size:48px}}@media(max-width:1100px){.sidebar{width:208px}.workspace{margin-left:208px}#content{padding:26px}.metric-grid{gap:12px}.metric{padding:18px}.metric strong{font-size:28px}.menu-edit-row{grid-template-columns:100px 1fr 1fr}.menu-edit-row>label:last-child{grid-column:2/4}.topbar{padding:0 26px}#clock{display:none}.login-panel{padding:40px 9%}.art-caption h1{font-size:32px}.dashboard-grid{grid-template-columns:1fr 1fr}}@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:230px}.workspace{margin-left:0}.menu-open .sidebar{transform:translateX(0);box-shadow:0 0 0 100vmax #17274b44}#toggle-menu{display:block}.topbar{height:66px;padding:0 20px}.breadcrumb{margin-right:auto;font-size:11px}.topbar-actions{gap:8px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.login-layout{grid-template-columns:1fr}.login-art{min-height:240px}.orb{width:160px;height:160px;top:25px;right:20%}.anime-character{height:350px;width:50%;bottom:-180px;right:0}.art-caption{top:22px;left:8%}.art-caption h1{font-size:24px;margin:12px 0}.art-caption p{display:none}.brand-mark{font-size:26px}.login-panel{padding:30px 8%}.login-form{margin:35px auto 55px}.form-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start;gap:15px}.page-heading h1{font-size:25px}.table-toolbar{flex-wrap:wrap}.table-toolbar>input{max-width:none;flex:1;min-width:200px}.workspace-footer{padding:20px}.workspace-footer span:last-child{display:none}.menu-edit-row{grid-template-columns:1fr 1fr}.menu-edit-row>div{grid-column:1/3}.menu-edit-row>label:last-child{grid-column:auto}.save-bar>span{max-width:150px}.topbar .btn{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}#particles{display:none}}