:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#182230;background:#f4f7fb;font-synthesis:none;text-rendering:optimizeLegibility;--nav: #101827;--nav-soft: #192337;--primary: #3366ff;--primary-dark: #244ed1;--border: #dfe6ef;--muted: #68758a;--success: #15845e;--warning: #b7791f;--danger: #c53b48}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}code{font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:var(--nav);color:#dce5f5;padding:22px 16px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#5c87ff,#234ed0);color:#fff;font-weight:800;box-shadow:0 8px 24px #3366ff59}.brand strong,.brand small{display:block}.brand small{color:#8fa1ba;margin-top:2px;font-size:11px}.sidebar nav{margin-top:30px;display:grid;gap:5px}.nav-item{display:flex;gap:12px;align-items:center;padding:11px 12px;border-radius:9px;color:#aebbd0;transition:.18s ease;font-size:14px}.nav-item:hover{background:var(--nav-soft);color:#fff}.nav-item.active{color:#fff;background:linear-gradient(90deg,#3366ff59,#3366ff1f);box-shadow:inset 3px 0 var(--primary)}.sidebar-foot{margin-top:auto;border-top:1px solid #27344a;padding-top:16px}.user-chip{display:flex;gap:10px;align-items:center;margin-bottom:12px;min-width:0}.avatar{width:34px;height:34px;border-radius:50%;background:#2b3951;display:grid;place-items:center;font-weight:700}.user-chip strong,.user-chip small{display:block;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip strong{font-size:12px}.user-chip small{color:#8191aa;font-size:10px;margin-top:3px}.main-area{margin-left:246px;width:calc(100% - 246px)}.topbar{height:62px;background:#ffffffe0;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:4;color:#405069;font-size:13px}.env-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#23a775;margin-right:8px;box-shadow:0 0 0 4px #23a7751f}.top-note{color:#7b8798}.page-wrap{max-width:1560px;margin:0 auto;padding:28px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.page-header h1{margin:0 0 7px;font-size:28px;letter-spacing:-.5px}.page-header p{margin:0;color:var(--muted);font-size:14px}.card{background:#fff;border:1px solid var(--border);border-radius:13px;box-shadow:0 3px 16px #1f2d460b;padding:20px;margin-bottom:18px}.card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;color:var(--muted);font-size:12px}.card-title h3{color:#202c3d;font-size:16px;margin:0}.form-card{padding-bottom:18px}.table-card{padding:0;overflow:hidden}.table-card .card-title{padding:18px 20px 0}.metrics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card{background:#fff;border:1px solid var(--border);border-radius:13px;padding:18px;box-shadow:0 3px 16px #1f2d460a}.metric-card span,.metric-card small{display:block;color:var(--muted)}.metric-card span{font-size:12px}.metric-card strong{display:block;font-size:28px;margin:9px 0 5px;letter-spacing:-.8px}.metric-card small{font-size:11px}.two-column{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}.flow-list{display:grid;gap:12px}.flow-list>div{display:flex;align-items:center;gap:12px;padding:10px;border-radius:9px;background:#f7f9fc}.flow-list b{width:27px;height:27px;border-radius:8px;background:#e8efff;color:var(--primary);display:grid;place-items:center;font-size:12px}.flow-list span{font-size:13px}.clean-list{padding-left:18px;color:#4d5b70;line-height:1.9;font-size:13px}.inline-form{display:flex;gap:12px;align-items:end}.grid-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}.grid-form .form-actions{grid-column:1 / -1}label{display:grid;gap:7px;color:#526077;font-size:12px;font-weight:600}.grow{flex:1}input,select{width:100%;min-height:40px;border:1px solid #cfd8e6;border-radius:8px;padding:9px 11px;color:#1e2939;background:#fff;outline:none;transition:.16s}input:focus,select:focus{border-color:#7b9cff;box-shadow:0 0 0 3px #3366ff1c}input[type=file]{padding:7px}.checkbox-label{display:flex;align-items:center;gap:8px;min-height:40px}.checkbox-label input{width:16px;min-height:auto}.form-actions,.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.button{border:1px solid transparent;border-radius:8px;min-height:39px;padding:9px 14px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-weight:650;font-size:12px;transition:.15s;background:#eef2f7;color:#344258}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button.primary{background:var(--primary);color:#fff;box-shadow:0 5px 14px #36f3}.button.primary:hover{background:var(--primary-dark)}.button.secondary{background:#fff;border-color:#cfd8e6}.button.ghost{background:#f1f4f8}.sidebar .button.ghost{color:#d6e0ef;background:#1b273b;border-color:#2c3a50}.button.danger{background:#fff1f2;color:var(--danger);border-color:#f1c7cc}.button.tiny{min-height:30px;padding:6px 9px;font-size:11px}.button.full{width:100%}.table-scroll{overflow:auto}.table-scroll.tall{max-height:560px}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;padding:11px 16px;background:#f8fafc;border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:#6c788c;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.25px}td{padding:13px 16px;border-bottom:1px solid #edf1f6;font-size:12px;color:#3d4a5f;vertical-align:middle}tbody tr:hover{background:#fbfcfe}td strong,td small{display:block}td small{color:#8995a6;margin-top:4px;font-size:10px}.number{font-variant-numeric:tabular-nums;font-weight:700}.row-error{color:var(--danger);max-width:240px;white-space:normal}.selected-row{background:#f3f7ff!important}.empty{text-align:center;padding:48px 20px;color:#8c98a9;font-size:13px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700;text-transform:lowercase}.badge-success{background:#e6f7f0;color:var(--success)}.badge-warning{background:#fff5db;color:var(--warning)}.badge-danger{background:#ffebed;color:var(--danger)}.badge-neutral{background:#eef2f7;color:#5f6c80}.alert{border-radius:9px;padding:11px 13px;margin-bottom:14px;font-size:12px;line-height:1.55}.alert.danger{background:#fff0f1;color:#a72e3a;border:1px solid #f5cdd1}.alert.info{background:#eef5ff;color:#315caa;border:1px solid #cfe0ff}.alert.warning{background:#fff7e5;color:#8e641e;border:1px solid #f2dfad}.progress{width:110px;height:6px;background:#e8edf5;border-radius:9px;overflow:hidden;margin-bottom:4px}.progress span{display:block;height:100%;background:linear-gradient(90deg,#5b85ff,#315ee9)}details summary{cursor:pointer;color:var(--primary)}pre{max-width:420px;max-height:240px;overflow:auto;background:#111827;color:#d7e1ef;padding:10px;border-radius:7px;white-space:pre-wrap;font-size:10px}.login-screen{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#fff}.login-art{position:relative;overflow:hidden;background:radial-gradient(circle at 25% 20%,#294a86,#121d32 60%,#0d1524);color:#fff;display:flex;align-items:center;padding:9vw}.login-copy{position:relative;z-index:2;max-width:570px}.eyebrow{color:#86a7ff;letter-spacing:2.2px;font-size:10px;font-weight:800}.login-copy h1{font-size:clamp(38px,5vw,67px);line-height:1.12;letter-spacing:-2px;margin:20px 0}.login-copy p{color:#afbed4;line-height:1.8;max-width:480px}.orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.35}.orb-one{width:380px;height:380px;background:#36f;right:-80px;top:-90px}.orb-two{width:260px;height:260px;border:50px solid #5c86ff;left:-90px;bottom:-100px}.login-panel{display:grid;place-items:center;padding:30px}.login-card{width:min(410px,100%)}.login-brand{margin-bottom:48px}.login-card h2{font-size:30px;margin:0 0 8px}.muted{color:var(--muted);margin:0 0 25px}.login-card label{margin:16px 0}.login-card input{min-height:46px}.divider{display:flex;align-items:center;gap:12px;color:#9aa5b5;font-size:10px;margin:18px 0}.divider:before,.divider:after{content:"";height:1px;background:var(--border);flex:1}.security-note{display:block;text-align:center;color:#8c98a9;margin-top:18px;line-height:1.5}.screen-center{min-height:100vh;display:grid;place-items:center;align-content:center;gap:14px;color:var(--muted);font-size:13px}.spinner{width:27px;height:27px;border:3px solid #dce4ef;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.onboard-screen{min-height:100vh;padding:42px 20px;display:grid;place-items:center;background:radial-gradient(circle at top,#e8efff,#f6f8fc 42%,#eef2f7)}.onboard-card{width:min(720px,100%);background:#fff;border:1px solid #dce3ed;border-radius:18px;box-shadow:0 20px 70px #21314d1f;padding:34px}.onboard-brand{margin-bottom:34px}.onboard-title h1{margin:10px 0 8px;font-size:32px}.onboard-title p{color:var(--muted);margin:0}.identity-summary{margin:25px 0;padding:15px 17px;background:#f7f9fc;border-radius:11px;display:flex;gap:15px;align-items:center}.identity-summary span{color:var(--muted);font-size:11px}.identity-summary strong{flex:1;font-size:13px}.step-list{display:grid;gap:0}.step{display:grid;grid-template-columns:38px 1fr;gap:13px;padding:17px 0;opacity:.55;position:relative}.step:not(:last-child):after{content:"";position:absolute;left:18px;top:51px;bottom:-3px;width:1px;background:#d9e1ed}.step>b{width:37px;height:37px;border-radius:50%;background:#edf1f6;display:grid;place-items:center;font-size:12px;z-index:1}.step.active,.step.done{opacity:1}.step.active>b{background:#e8efff;color:var(--primary);border:1px solid #bacbff}.step.done>b{background:#dff5ec;color:var(--success)}.step strong{display:block;margin-top:4px}.step p{color:var(--muted);font-size:12px;line-height:1.6;margin:6px 0 12px}.widget-box{min-height:48px;padding-top:4px;color:var(--muted);font-size:11px}.onboard-foot{border-top:1px solid var(--border);padding-top:18px;margin-top:16px;color:#8995a6;font-size:10px;text-align:center}@media (max-width: 1100px){.metrics-grid{grid-template-columns:repeat(3,1fr)}.grid-form{grid-template-columns:repeat(2,1fr)}}@media (max-width: 760px){.sidebar{width:74px;padding:18px 10px}.brand strong,.brand small,.nav-item{font-size:0}.nav-item{justify-content:center}.nav-item span{font-size:17px}.sidebar-foot .user-chip>div:last-child{display:none}.sidebar-foot .button{font-size:0}.sidebar-foot .button:after{content:"↪";font-size:16px}.main-area{margin-left:74px;width:calc(100% - 74px)}.top-note{display:none}.page-wrap{padding:20px 14px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.two-column{grid-template-columns:1fr}.inline-form{flex-direction:column;align-items:stretch}.grid-form,.login-screen{grid-template-columns:1fr}.login-art{display:none}.onboard-card{padding:24px 18px}.identity-summary{flex-wrap:wrap}}