:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#182230;background:#f3f5f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}.shell{max-width:1120px;margin:0 auto;padding:24px}.login-card{max-width:410px;margin:12vh auto;background:#fff;padding:32px;border:1px solid #e2e7ee;border-radius:18px;box-shadow:0 18px 50px #172b4d12}.brand-mark{height:44px;width:44px;display:grid;place-items:center;background:#2563eb;color:white;border-radius:13px;font-size:22px;font-weight:800}.login-card h1,.topbar h1{margin:14px 0 6px;font-size:24px}.login-card p{color:#728095;margin:0 0 25px}.login-card label{display:block;font-size:13px;color:#526174;margin:14px 0}.login-card input,.field input,.field select{display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid #d9e0e8;border-radius:9px;background:#fff;font:inherit}.captcha-row{display:flex;gap:9px;align-items:center}.captcha-row input{flex:1;min-width:0}.captcha-row img{height:48px;width:150px;object-fit:contain;border:1px solid #e3e8ef;border-radius:8px;cursor:pointer}.primary{width:100%;border:0;border-radius:9px;padding:12px;background:#2563eb;color:#fff;font-weight:700;cursor:pointer}.error{color:#c33131;font-size:13px;margin-top:10px;min-height:18px}[hidden]{display:none!important}.topbar{display:flex;align-items:center;justify-content:space-between;background:#111c2c;color:white;border-radius:15px;padding:18px 22px}.topbar small{color:#aebbd0}.topbar h1{margin:3px 0}.identity{display:flex;align-items:center;gap:14px}.quiet{background:transparent;border:1px solid #516074;color:inherit;border-radius:8px;padding:8px 12px;cursor:pointer}.tabs{display:flex;gap:8px;overflow:auto;margin:18px 0;padding:4px 0}.tabs button{white-space:nowrap;border:0;border-radius:9px;padding:10px 15px;background:#e6ebf2;color:#4a596d;cursor:pointer}.tabs button.selected{background:#dbeafe;color:#1756bc;font-weight:700}.panel{background:#fff;border:1px solid #e1e6ed;border-radius:14px;padding:22px;min-height:280px}.panel h2{margin:0 0 16px;font-size:19px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{background:#f6f8fb;border:1px solid #e8edf3;border-radius:11px;padding:15px}.metric small{display:block;color:#768398;margin-bottom:8px}.metric strong{font-size:21px}.toolbar,.form-row{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:14px 0}.field{flex:1;min-width:150px}.field label{font-size:12px;color:#67758a}.action{border:0;border-radius:8px;background:#2563eb;color:white;padding:10px 14px;cursor:pointer;white-space:nowrap}.secondary{background:#eef2f7;color:#263548}.table-wrap{overflow:auto;margin-top:16px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid #edf0f4;white-space:nowrap}th{color:#758195;font-weight:600}.pill{background:#eef2f7;border-radius:99px;padding:4px 8px;font-size:12px}#notice{min-height:20px;color:#326847;font-size:13px;margin:-8px 0 8px}#notice.bad{color:#b42e2e}.helper{color:#7a8698;font-size:13px;line-height:1.6}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:700px){.shell{padding:12px}.topbar{padding:15px;border-radius:12px}.topbar h1{font-size:19px}.identity{gap:8px;font-size:13px}.panel{padding:15px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}.tabs button{padding:9px 12px}.login-card{margin:8vh auto;padding:25px}}

.customer-create{align-items:flex-end}.token-details{min-width:190px;flex:1 1 190px;color:#526174;font-size:13px}.token-details summary{cursor:pointer;padding:10px 0}.token-details input,.customer-toolbar input,.dialog-field input,.dialog-field select{width:100%;margin-top:7px;padding:11px 12px;border:1px solid #d9e0e8;border-radius:9px;background:#fff;font:inherit}.customer-toolbar{display:flex;align-items:center;gap:10px;margin:20px 0 10px;color:#526174;font-size:13px}.customer-toolbar input{max-width:360px}.customer-toolbar span{margin-left:auto;color:#7a8698}.customer-list{display:grid;gap:10px}.customer-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border:1px solid #e8edf3;border-radius:11px;background:#fff}.customer-info{min-width:0}.customer-name{font-weight:700;font-size:15px}.customer-token,.customer-note,.customer-owner{margin-top:6px;color:#728095;font-size:13px}.customer-token code{color:#263548;font-family:ui-monospace,Consolas,monospace;letter-spacing:.02em}.customer-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.empty-state{padding:28px;text-align:center;color:#7a8698;background:#f8fafc;border-radius:10px}.history-section{margin-top:24px;border-top:1px solid #edf0f4;padding-top:15px}.history-section summary{cursor:pointer;color:#526174;font-weight:600}.action-dialog{width:min(520px,calc(100vw - 28px));max-height:85vh;padding:0;border:0;border-radius:14px;box-shadow:0 24px 70px #18223040}.action-dialog::backdrop{background:#10182780}.action-dialog form{padding:22px}.action-dialog h3{margin:0 0 16px;font-size:18px}.dialog-field{display:block;margin:14px 0;color:#526174;font-size:13px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.action-dialog .error{min-height:0}.action-dialog .helper{margin-top:14px}
.activity-toolbar .activity-type-field{flex:0 1 180px;min-width:min(100%,180px)}.activity-search-form{display:flex;align-items:end;gap:10px;flex:1 1 320px;max-width:550px;min-width:0;margin:0}.activity-search-form .field{min-width:0;max-width:480px}.activity-toolbar>#activity-count{flex:0 0 auto}
.activity-table{width:100%;min-width:0;table-layout:fixed}.activity-table th,.activity-table td{white-space:normal;overflow-wrap:anywhere;word-break:break-word}.activity-table th:nth-child(1){width:15%}.activity-table th:nth-child(2){width:10%}.activity-table th:nth-child(3){width:10%}.activity-table th:nth-child(4){width:12%}.activity-table th:nth-child(5){width:31%}.activity-table th:nth-child(6){width:10%}.activity-table th:nth-child(7){width:12%}
.report-range .field{flex:0 1 240px;max-width:260px}
.customer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.customer-heading h2{margin:0}.customer-toolbar .action{flex:0 0 auto}.customer-toolbar input{min-width:0;flex:1 1 220px}
@media(max-width:700px){.customer-create{display:grid;grid-template-columns:1fr}.customer-create .field,.token-details{min-width:0;width:100%}.customer-toolbar{align-items:stretch;flex-wrap:wrap}.customer-toolbar input{max-width:none;flex:1 1 100%;order:2}.customer-toolbar span{margin-left:0}.customer-card{align-items:stretch;flex-direction:column;gap:13px;padding:14px}.customer-actions{justify-content:stretch}.customer-actions .action{flex:1}.action-dialog form{padding:18px}}
@media(max-width:700px){.customer-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.customer-toolbar label,.customer-toolbar span{grid-column:1/-1}.customer-toolbar input{grid-column:1;order:initial;min-width:0;width:100%;max-width:none;flex:none}.customer-toolbar .action{grid-column:2}}
.copy-link{appearance:none;border:0;background:transparent;padding:0;margin-left:8px;color:#2563eb;font:inherit;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.copy-link code{color:inherit;font:inherit;letter-spacing:.02em}.copy-link:hover{color:#174db1}
#notice.copy-success{animation:copy-success-feedback 1.4s ease-out both}@keyframes copy-success-feedback{0%,65%{opacity:1;transform:translateX(0)}8%,24%,40%,56%{transform:translateX(-3px)}16%,32%,48%{transform:translateX(3px)}100%{opacity:0;transform:translateY(-3px)}}