:root{--bg:#07110e;--bg-elev:#0c1a15;--bg-panel:#102019;--bg-soft:#152a22;--line:#c8a96b24;--line-strong:#c8a96b47;--text:#e8f0eb;--text-dim:#8fa59a;--text-mute:#5f766c;--gold:#c8a96b;--gold-soft:#e2c897;--jade:#2dd4a8;--jade-dim:#2dd4a826;--danger:#ff6b6b;--warn:#f0b429;--ok:#2dd4a8;--radius:14px;--radius-sm:10px;--shadow:0 24px 60px #00000073;--font:"DM Sans", system-ui, sans-serif;--display:"Syne", "DM Sans", sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.page{flex-direction:column;gap:22px;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-head h1{font-family:var(--display);letter-spacing:-.03em;margin:0;font-size:28px;font-weight:700}.page-head p{color:var(--text-dim);margin:6px 0 0;font-size:14px}.panel{background:linear-gradient(180deg, #ffffff08, transparent), var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.field label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-mute);font-size:12px}.input,.select,.textarea{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-sm);outline:none;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.input:focus,.select:focus,.textarea:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px #2dd4a81f}.textarea{resize:vertical;min-height:110px}.btn{appearance:none;cursor:pointer;border:1px solid #0000;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600;transition:transform .15s,background .2s,border-color .2s,opacity .2s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#1a1408;background:linear-gradient(135deg,#d4b57a,#a8853f)}.btn-primary:hover:not(:disabled){filter:brightness(1.05)}.btn-ghost{border-color:var(--line);color:var(--text);background:0 0}.btn-ghost:hover:not(:disabled){border-color:var(--line-strong);background:#ffffff08}.btn-jade{background:var(--jade-dim);color:var(--jade);border-color:#2dd4a859}.btn-danger{color:var(--danger);background:#ff6b6b1f;border-color:#ff6b6b59}.btn-sm{padding:7px 12px;font-size:12px}.table-wrap{overflow:auto}table.data{border-collapse:collapse;width:100%;font-size:13px}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 10px}table.data th{color:var(--text-mute);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:500}table.data tr:hover td{background:#ffffff05}.tag{border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.tag-ok{color:var(--jade);background:var(--jade-dim)}.tag-warn{color:var(--warn);background:#f0b4291f}.tag-mute{color:var(--text-dim);background:#ffffff0a}.tag-danger{color:var(--danger);background:#ff6b6b1f}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.pager{color:var(--text-dim);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:13px;display:flex}.grid-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}@media (width<=1100px){.grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.grid-cards{grid-template-columns:1fr}}.stat-card{border-radius:var(--radius);border:1px solid var(--line);background:radial-gradient(120% 80% at 100% 0%, #2dd4a81f, transparent 55%), var(--bg-panel);padding:18px 18px 16px;position:relative;overflow:hidden}.stat-card .label{color:var(--text-dim);font-size:13px}.stat-card .value{font-family:var(--display);letter-spacing:-.04em;margin-top:10px;font-size:30px;font-weight:700}.stat-card .hint{color:var(--text-mute);margin-top:8px;font-size:12px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}@media (width<=720px){.form-grid{grid-template-columns:1fr}}.modal-mask{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:#0000008c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--bg-elev);border:1px solid var(--line-strong);width:min(520px,100%);box-shadow:var(--shadow);border-radius:18px;padding:22px}.modal h3{font-family:var(--display);margin:0 0 6px}.modal .desc{color:var(--text-dim);margin:0 0 18px;font-size:13px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.empty{text-align:center;color:var(--text-mute);padding:40px 12px}.toast{z-index:80;background:var(--bg-soft);border:1px solid var(--line-strong);color:var(--text);box-shadow:var(--shadow);border-radius:12px;max-width:320px;padding:12px 16px;animation:.25s slideIn;position:fixed;top:20px;right:20px}.toast.error{border-color:#ff6b6b73}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.spark{align-items:flex-end;gap:4px;height:64px;display:flex}.spark i{background:linear-gradient(180deg, var(--jade), #2dd4a826);border-radius:4px 4px 0 0;flex:1;min-height:4px;display:block}