:root { color-scheme: dark; --bg:#07111f; --panel:#0c1b30; --soft:#132640; --line:rgba(153,190,224,.22); --text:#edf7ff; --muted:#9cb1ca; --cyan:#66d7ef; --mint:#6ce3b7; --danger:#ff8ba3; font-family:Inter,"Microsoft YaHei",system-ui,sans-serif; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; color:var(--text); background:radial-gradient(circle at 10% 0,rgba(62,188,210,.16),transparent 28%),radial-gradient(circle at 90% 12%,rgba(104,87,220,.16),transparent 30%),var(--bg); }
a { color:inherit; } button,input,select { font:inherit; }
.shell { width:min(1440px,calc(100% - 28px)); margin:0 auto; padding:16px 0 70px; }
.topbar { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-bottom:14px; border-bottom:1px solid var(--line); }
.brand { display:inline-flex; align-items:center; gap:10px; text-decoration:none; }.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#06131c;font-weight:900;background:linear-gradient(135deg,var(--cyan),var(--mint));}.brand strong,.brand small{display:block}.brand small{margin-top:3px;color:var(--muted);font-size:9px;letter-spacing:.1em}.top-actions{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.top-actions a{padding:8px 11px;border:1px solid var(--line);border-radius:10px;text-decoration:none}
.hero { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; padding:42px 0 22px; }.hero h1{margin:0 0 8px;font-size:clamp(30px,4vw,48px)}.hero p{margin:0;color:var(--muted)}.eyebrow{margin:0 0 7px!important;color:var(--cyan)!important;font-size:10px;font-weight:900;letter-spacing:.16em}.metrics{display:grid;grid-template-columns:repeat(4,minmax(105px,1fr));gap:9px}.metrics div{padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(17,35,59,.76)}.metrics strong,.metrics span{display:block}.metrics strong{font-size:22px}.metrics span{margin-top:4px;color:var(--muted);font-size:10px}
.panel,.subpanel { margin-top:14px; padding:20px; border:1px solid var(--line); border-radius:18px; background:rgba(10,26,46,.94); }.subpanel{background:rgba(18,37,62,.62);border-radius:15px}.gate{max-width:530px;margin:14vh auto 0}.gate h1{margin:0 0 10px}.gate p{color:var(--muted)}.actions{display:flex;justify-content:center;gap:9px;margin-top:18px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px}.section-heading h2,.subpanel h3{margin:0 0 5px}.section-heading p{margin:0;color:var(--muted)}
.alert{margin-top:12px;padding:12px 14px;border:1px solid rgba(102,215,239,.34);border-radius:12px;color:#c9f7ff;background:rgba(19,96,119,.28)}.alert.error{color:#ffd7df;border-color:rgba(255,112,143,.4);background:rgba(105,27,50,.34)}
.tabs{display:flex;gap:8px;margin-top:10px}.tabs button{min-height:40px;padding:0 16px;color:var(--muted);border:1px solid var(--line);border-radius:12px;background:rgba(14,31,52,.8);cursor:pointer}.tabs button.active{color:#05131b;border-color:transparent;background:linear-gradient(120deg,var(--cyan),var(--mint));font-weight:900}
.primary,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:0 14px;border-radius:11px;cursor:pointer;font-weight:800;text-decoration:none}.primary{color:#06131c;border:0;background:linear-gradient(120deg,var(--cyan),var(--mint))}.secondary{color:var(--text);border:1px solid var(--line);background:var(--soft)}.danger{color:#ffdce5;border:1px solid rgba(255,111,143,.38);background:rgba(91,24,47,.45)}.compact{min-height:32px;padding:0 10px;font-size:11px}button:disabled{opacity:.55;cursor:wait}
input,select{width:100%;min-height:39px;padding:0 11px;color:var(--text);border:1px solid var(--line);border-radius:10px;outline:none;background:rgba(4,13,25,.72)}input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(102,215,239,.12)}label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:800}label small{font-weight:400;color:var(--muted)}.search{display:grid;grid-template-columns:minmax(230px,1fr) 130px auto;gap:8px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:10px 0}.subpanel>label{margin:10px 0}.subpanel>.primary{margin-top:10px}.batch-form{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:end}.batch-form .primary{min-height:39px}
.user-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:11px}th,td{padding:10px 8px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}th{color:var(--muted);font-size:9px;letter-spacing:.07em}td strong,td small{display:block}td small{margin-top:3px;color:var(--muted)}.row-actions{display:flex;gap:5px;white-space:nowrap}.status{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;color:#75edc0;background:rgba(27,136,103,.2);font-size:9px;font-weight:900}.status.off{color:#ff9fb2;background:rgba(150,40,69,.23)}.status.admin{color:#75f1d0;background:rgba(21,115,93,.3);border:1px solid rgba(108,227,183,.22)}.status.permission{color:#b8dfff;background:rgba(47,94,152,.3);border:1px solid rgba(102,215,239,.18)}.empty{margin:12px 0 0;color:var(--muted)}.product-table input,.product-table select{min-width:95px;min-height:32px;font-size:10px}.product-table input[type=checkbox]{min-width:18px;width:18px;height:18px}.product-name{min-width:180px}
.user-table{min-width:1160px}.user-table th:first-child{width:260px}.user-table th:nth-child(2){width:170px}.tag-list{display:flex;gap:5px;flex-wrap:wrap}.mono{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;overflow-wrap:anywhere}.sensitive{color:#aed0eb}.warning-text{color:#ffd19b!important}.profile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:14px 0}.profile-field{min-height:74px;padding:12px 13px;border:1px solid var(--line);border-radius:13px;background:rgba(17,35,59,.7)}.profile-field.wide{grid-column:span 2}.profile-field span,.profile-field strong{display:block}.profile-field span{margin-bottom:7px;color:var(--muted);font-size:10px}.profile-field strong{font-size:13px;line-height:1.5}.subpanel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px}.subpanel-heading h3,.subpanel-heading p{margin:0}.subpanel-heading p:not(.eyebrow){margin-top:4px;color:var(--muted);font-size:11px}.agent-cell{max-width:390px;min-width:240px;overflow-wrap:anywhere;line-height:1.45}.top-actions[hidden]{display:none!important}
@media(max-width:1100px){.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.topbar,.hero{align-items:flex-start;flex-direction:column}.metrics{width:100%;grid-template-columns:repeat(2,1fr)}.two-columns,.batch-form{grid-template-columns:1fr 1fr}.top-actions{flex-wrap:wrap}.search{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.two-columns,.batch-form,.form-grid,.profile-grid{grid-template-columns:1fr}.profile-field.wide{grid-column:span 1}.tabs{overflow-x:auto}.shell{width:calc(100% - 18px)}.panel,.subpanel{padding:14px}}