:root{--bg:#fff;--fg:#1a1a2e;--muted:#64748b;--line:#e2e8f0;--line-2:#cbd5e1;--soft:#f8fafc;--focus:#6366f1;--danger:#ef4444;--primary-50:#f0f4ff;--primary-100:#e0e9ff;--primary-200:#c7d7fe;--primary-300:#a5bbfc;--primary-400:#8196f8;--primary-500:#6366f1;--primary-600:#4f46e5;--primary-700:#4338ca;--primary-800:#3730a3;--primary-900:#312e81;--accent-50:#faf5ff;--accent-100:#f3e8ff;--accent-200:#e9d5ff;--accent-300:#d8b4fe;--accent-400:#c084fc;--accent-500:#a855f7;--accent-600:#9333ea;--accent-700:#7e22ce;--accent-800:#6b21a8;--accent-900:#581c87;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7}*{box-sizing:border-box}html,body{height:100%}body{color:var(--fg);background:var(--soft);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}input,select,textarea{border:1px solid var(--line-2);width:100%;font:inherit;background:var(--bg);border-radius:10px;outline:none;padding:8px 10px}textarea{resize:vertical;min-height:92px}input:focus,select:focus,textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.btn{border:1px solid var(--line-2);background:var(--bg);cursor:pointer;font:inherit;white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn.primary{background:linear-gradient(135deg,var(--primary-600)0%,var(--accent-600)100%);color:#fff;border:none;box-shadow:0 1px 3px #6366f133}.btn.ghost{background:0 0}.btn:hover{background:var(--soft);border-color:var(--line-2);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.primary:hover{background:linear-gradient(135deg,var(--primary-700)0%,var(--accent-700)100%);transition:all .2s;transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.btn.action{color:var(--fg);background:#f8fafc99;border-color:#cbd5e1cc;border-radius:12px;padding:7px 10px;font-weight:600}.btn.action:hover{color:var(--primary-700);background:#e0e9ff8c;border-color:#a5bbfce6;transform:translateY(-1px)}.btn.action:active{transform:translateY(0)}.btn.action.subtle{color:var(--muted);background:0 0;border-color:#0000}.btn.action.subtle:hover{color:var(--fg);background:#f8fafce6;border-color:#e2e8f0}.btn.action.danger{color:#b91c1c;background:#fef2f2e6;border-color:#ef444440}.btn.action.danger:hover{color:#991b1b;background:#ef44441f;border-color:#ef444473}.btn.action:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn.icon{justify-content:center;width:30px;height:30px;padding:0}.btn.icon svg{opacity:.85;width:15px;height:15px}.btn.icon.action{color:#64748be6;background:0 0;border-color:#0000;border-radius:999px}.btn.icon.action:hover{color:#4f46e5f2;background:#e0e9ff8c;border-color:#0000;transform:translateY(-1px)}.btn.icon.action:active{transform:translateY(0)}.btn.icon.action.danger{color:#b91c1cd9}.btn.icon.action.danger:hover{color:#991b1beb;background:#ef44441a}.tablewrap .actions{align-items:center;gap:8px;display:inline-flex}.customer-actions{gap:10px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.badge{border:1px solid var(--line-2);border-radius:999px;align-items:center;gap:6px;padding:2px 8px;font-size:12px;display:inline-flex}.badge.solid{background:var(--soft)}.card{border:1px solid var(--line);background:var(--bg);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008}.card:hover{border-color:var(--primary-100);box-shadow:0 4px 12px #6366f114,0 2px 4px #0000000d}.card .hd{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.card .bd{padding:10px}.notice{border:1px dashed var(--line-2);background:var(--soft);border-radius:12px;padding:10px}.notice.danger{border-style:solid}.modalbackdrop{z-index:50;background:#00000059;padding:16px;display:none;position:fixed;inset:0}.modalbackdrop[data-open=true]{place-items:center;display:grid}.modal{background:var(--bg);border:1px solid var(--line);border-radius:16px;width:min(980px,100%);overflow:hidden}.modal .hd{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.modal .bd{padding:10px}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:8px}th{color:var(--muted);font-size:12px;font-weight:600}