:root{--bg: oklch(.97 .004 250);--surface: #ffffff;--surface-2: oklch(.972 .005 250);--line: oklch(.915 .006 255);--line-soft: oklch(.948 .005 255);--ink: oklch(.26 .024 264);--ink-2: oklch(.45 .02 264);--ink-3: oklch(.62 .015 264);--accent: oklch(.54 .17 256);--accent-d: oklch(.47 .17 256);--accent-sf: oklch(.95 .04 256);--ok: oklch(.61 .14 158);--warn: oklch(.72 .14 72);--danger: oklch(.59 .19 25);--mono: ui-monospace, "Cascadia Code", "SF Mono", Consolas, Menlo, monospace;--sans: "Segoe UI Variable", "Segoe UI", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;font-family:var(--sans);font-size:13px;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}.boot{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--ink-3);font-size:14px}.login-shell{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg)}.login-card{width:380px;padding:32px 32px 24px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 30px 80px -20px #141c322e}.login-head{display:flex;align-items:center;gap:10px;margin-bottom:22px;font-size:17px;font-weight:650}.login-head .mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;background:linear-gradient(140deg,var(--accent),oklch(.62 .16 250));color:#fff;font-weight:700;font-size:13px;letter-spacing:.04em}.hint{margin-top:16px;font-size:11.5px;color:var(--ink-3);text-align:center;line-height:1.6}.form-field{display:flex;flex-direction:column;gap:5px;flex:1;min-width:140px}.form-field label{font-size:11px;font-weight:600;color:var(--ink-3)}.form-field input,.form-field select{height:36px;padding:0 12px;background:var(--surface-2);border:1px solid var(--line);border-radius:7px;font-family:inherit;font-size:13px;color:var(--ink)}.form-field input:focus,.form-field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-sf)}.pw-wrap{position:relative;display:flex;align-items:center}.pw-wrap input{flex:1;padding-right:52px}.pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);height:26px;padding:0 10px;background:transparent;border:0;border-radius:5px;font-family:inherit;font-size:11px;color:var(--ink-3);cursor:pointer}.pw-toggle:hover{background:var(--surface-2);color:var(--ink-2)}.error-box{margin:12px 0;padding:9px 12px;background:#fff1f0;background:oklch(.97 .03 25);border:1px solid oklch(.86 .07 25);border-radius:7px;font-size:12px;color:var(--danger)}.error-box.small{padding:6px 10px;font-size:11.5px;margin:8px 0 0}.hint-box{margin-bottom:14px;padding:9px 12px;background:var(--accent-sf);border:1px solid oklch(.88 .06 256);border-radius:7px;font-size:12px;color:var(--accent-d)}.login-card .form-field{margin-bottom:12px}.login-card button.primary{width:100%;height:38px;margin-top:8px}button.primary,button.ghost{height:34px;padding:0 16px;border-radius:7px;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:600}button.primary{background:var(--accent);color:#fff;border:0}button.primary:hover:not(:disabled){background:var(--accent-d)}button.primary:disabled{opacity:.6;cursor:default}button.ghost{background:var(--surface);border:1px solid var(--line);color:var(--ink-2)}button.ghost:hover:not(:disabled){background:var(--surface-2)}button.ghost:disabled{opacity:.5;cursor:default}.shell{display:grid;grid-template-columns:220px 1fr;height:100vh}.side{display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--line);padding:18px 0}.side .brand{display:flex;align-items:center;gap:9px;padding:0 18px 16px;border-bottom:1px solid var(--line-soft)}.side .brand .mark{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:linear-gradient(140deg,var(--accent),oklch(.62 .16 250));color:#fff;font-weight:700;font-size:10.5px}.side .brand .title{font-size:13.5px;font-weight:650}.side nav{padding:10px 10px 0;display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:7px;text-decoration:none;font-size:13px;color:var(--ink-2);font-weight:500}.nav-item:hover{background:var(--surface-2)}.nav-item.on{background:var(--accent-sf);color:var(--accent-d);font-weight:600}.nav-item .dot{width:7px;height:7px;border-radius:50%;background:var(--ink-3);display:inline-block}.nav-item.on .dot{background:var(--accent)}.nav-group{padding:12px 12px 4px;font-size:10.5px;font-weight:700;letter-spacing:.05em;color:var(--ink-3);text-transform:uppercase}.status-pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line)}.status-pill.green{background:#dafdda;color:#095717;border-color:#b5deb5}.status-pill.amber{background:#fff0d7;background:oklch(.96 .07 80);color:#694500;color:oklch(.42 .15 75);border-color:#f4ca84}.status-pill.red{background:#ffece9;background:oklch(.96 .05 25);color:#972527;border-color:#fcc0ba}.status-pill.blue{background:#e8f3ff;background:oklch(.96 .05 250);color:#004f8a;color:oklch(.42 .15 250);border-color:#afd5fe}.status-pill.gray{background:var(--surface-2);color:var(--ink-3);border-color:var(--line)}.product-badge{display:inline-block;padding:1px 6px;border-radius:4px;border:1px solid oklch(.82 .12 28);background:#fff1ef;background:oklch(.97 .035 28);color:#c1332c;font-size:11px;font-weight:700;line-height:16px}.side .spacer{flex:1}.side .who{margin:12px 14px 0;padding:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:9px}.who-name{font-size:12.5px;font-weight:600;color:var(--ink)}.who-role{display:inline-block;margin-top:5px;padding:1px 7px;font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:.04em;border-radius:4px}.who-role.superadmin{background:linear-gradient(90deg,var(--accent),oklch(.62 .16 250));color:#fff}.who-role.admin{background:var(--surface);border:1px solid var(--line);color:var(--ink-3)}.who-out{display:block;width:100%;margin-top:10px;height:28px;padding:0 10px;background:var(--surface);border:1px solid var(--line);border-radius:5px;font-family:inherit;font-size:11.5px;color:var(--ink-2);cursor:pointer}.who-out:hover{background:#fff6f5;background:oklch(.98 .02 25);border-color:#fcc0ba;color:var(--danger)}.main{overflow:auto;padding:22px 26px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.page-head h1{margin:0;font-size:18px;font-weight:650}.page-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;min-width:0}.search{width:220px;height:34px;padding:0 12px;background:var(--surface);border:1px solid var(--line);border-radius:7px;font-family:inherit;font-size:12.5px}.search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-sf)}.create-box{margin-bottom:16px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:9px}.create-box .row{display:flex;gap:12px;align-items:flex-end}.card{background:var(--surface);border:1px solid var(--line);border-radius:9px;overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:12.5px}.data-table th,.data-table td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--line-soft);vertical-align:middle}.data-table th{background:var(--surface-2);font-size:10.5px;font-weight:700;letter-spacing:.05em;color:var(--ink-3)}.data-table tr.self{background:var(--accent-sf)}.data-table td.mono{font-family:var(--mono);color:var(--ink-2)}.data-table td.small,.data-table .small{font-size:11px}.data-table .muted{color:var(--ink-3)}.data-table td.muted{text-align:center;padding:24px}.tier-pill,.role-pill{display:inline-block;padding:1px 8px;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;border-radius:4px}.tier-pill.free{background:var(--surface-2);color:var(--ink-3);border:1px solid var(--line)}.tier-pill.pro{background:linear-gradient(90deg,var(--accent),oklch(.62 .16 250));color:#fff}.role-pill.admin{background:var(--surface-2);color:var(--ink-3);border:1px solid var(--line)}.role-pill.superadmin{background:linear-gradient(90deg,var(--accent),oklch(.62 .16 250));color:#fff}.dot-on{color:var(--ok)}.dot-off{color:var(--ink-3)}.self-tag{margin-left:7px;padding:1px 6px;background:var(--accent);color:#fff;font-size:9.5px;font-weight:700;letter-spacing:.04em;border-radius:3px}button.mini{margin-right:5px;height:26px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;background:var(--surface);border:1px solid var(--line);border-radius:5px;font-family:inherit;font-size:11px;font-weight:600;color:var(--ink-2);line-height:1;cursor:pointer}button.mini:hover:not(:disabled){background:var(--surface-2)}button.mini:disabled{opacity:.4;cursor:default}button.mini.danger{color:var(--danger);border-color:#fcc0ba}button.mini.danger:hover:not(:disabled){background:#fff1f0;background:oklch(.97 .03 25)}.orders-table{min-width:1080px}.users-table{min-width:1160px}.orders-table th,.orders-table td{white-space:nowrap}.orders-table td:nth-child(2){white-space:normal}.order-actions{text-align:right}.order-actions .mini{margin-right:0}.pager{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.pager .muted{font-size:12px;color:var(--ink-3);font-family:var(--mono)}.pager-controls{display:flex;align-items:center;gap:8px}.pager-controls select{height:30px;padding:0 10px;background:var(--surface);border:1px solid var(--line);border-radius:6px;font-family:inherit;font-size:12px;color:var(--ink-2)}.pager-controls button{height:30px;padding:0 12px;font-size:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#141c3266;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card{width:380px;background:var(--surface);border-radius:12px;box-shadow:0 30px 80px -20px #141c3252;overflow:hidden;display:flex;flex-direction:column}.modal-card.lg{width:620px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px)}.modal-card.lg .modal-body{overflow-y:auto}.form-row{display:flex;gap:12px;align-items:flex-end;margin-bottom:12px}.form-row:last-child{margin-bottom:0}.modal-body .form-row+.muted{margin-top:6px}.modal-body .small,.modal-body .muted.small{font-size:11px}.modal-body .mono,.modal-body span.mono{font-family:var(--mono)}.kv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;padding:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px}.kv-grid .kv{display:flex;flex-direction:column;gap:2px;min-width:0}.kv-grid .kv.full{grid-column:1 / -1}.kv-grid .kv .k{font-size:11px;font-weight:600;color:var(--ink-3)}.kv-grid .kv .v{font-size:13px;color:var(--ink);word-break:break-all}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}.modal-title{font-size:14px;font-weight:650}.modal-close{width:28px;height:28px;border:0;background:transparent;font-size:22px;line-height:1;color:var(--ink-3);cursor:pointer;border-radius:5px}.modal-close:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.modal-body{padding:18px}.modal-body .muted{font-size:12px;color:var(--ink-3)}.modal-body .muted.small{font-size:11px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;background:var(--surface-2);border-top:1px solid var(--line)}.act{display:inline-block;padding:1px 7px;font-family:var(--mono);font-size:10.5px;font-weight:700;border-radius:4px;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line)}.act.ok{background:#cbf8dc;color:var(--ok);border-color:#abe0c0}.act.warn{background:#ffefdc;background:oklch(.96 .05 72);color:var(--warn);border-color:#eeca9f}.act.fail{background:#ffedeb;background:oklch(.96 .04 25);color:var(--danger);border-color:#fcc0ba}.act.muted{color:var(--ink-3)}.detail-cell{max-width:420px;white-space:pre-wrap;word-break:break-all;color:var(--ink-3)}.muted-inline{color:var(--ink-3)}