:root{color-scheme:light;--bg:#f4f5f9;--surface:#ffffff;--surface-2:#f7f8fb;--surface-hover:#f1f3f8;--border:#e5e7ee;--border-strong:#d3d7e2;--text:#111827;--text-2:#4b5567;--muted:#8a93a6;--accent:#4f46e5;--accent-hover:#4338ca;--accent-text:#4338ca;--accent-soft:#eef0ff;--accent-ring:rgba(79,70,229,0.2);--on-accent:#ffffff;--success:#047857;--success-soft:#ecfdf5;--success-line:#a7f3d0;--warning:#b45309;--warning-soft:#fffbeb;--warning-line:#fde68a;--danger:#dc2626;--danger-soft:#fef2f2;--danger-line:#fecaca;--shadow-sm:0 1px 2px rgba(17,24,39,0.05);--shadow-md:0 1px 3px rgba(17,24,39,0.06),0 8px 24px -12px rgba(17,24,39,0.12);--radius-lg:14px;--radius-md:10px;--radius-sm:8px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI","Inter",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#0c0e14;--surface:#14171f;--surface-2:#1a1e28;--surface-hover:#1f2430;--border:#262b37;--border-strong:#343a49;--text:#e8eaf0;--text-2:#aeb5c4;--muted:#727b8f;--accent:#6366f1;--accent-hover:#7c7ff5;--accent-text:#a5b0fc;--accent-soft:rgba(99,102,241,0.15);--accent-ring:rgba(129,140,248,0.3);--success:#34d399;--success-soft:rgba(16,185,129,0.12);--success-line:rgba(52,211,153,0.3);--warning:#fbbf24;--warning-soft:rgba(245,158,11,0.12);--warning-line:rgba(251,191,36,0.3);--danger:#f87171;--danger-soft:rgba(239,68,68,0.12);--danger-line:rgba(248,113,113,0.3);--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 1px 3px rgba(0,0,0,0.35),0 8px 24px -12px rgba(0,0,0,0.5)}}:root[data-theme=dark]{color-scheme:dark;--bg:#0c0e14;--surface:#14171f;--surface-2:#1a1e28;--surface-hover:#1f2430;--border:#262b37;--border-strong:#343a49;--text:#e8eaf0;--text-2:#aeb5c4;--muted:#727b8f;--accent:#6366f1;--accent-hover:#7c7ff5;--accent-text:#a5b0fc;--accent-soft:rgba(99,102,241,0.15);--accent-ring:rgba(129,140,248,0.3);--success:#34d399;--success-soft:rgba(16,185,129,0.12);--success-line:rgba(52,211,153,0.3);--warning:#fbbf24;--warning-soft:rgba(245,158,11,0.12);--warning-line:rgba(251,191,36,0.3);--danger:#f87171;--danger-soft:rgba(239,68,68,0.12);--danger-line:rgba(248,113,113,0.3);--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 1px 3px rgba(0,0,0,0.35),0 8px 24px -12px rgba(0,0,0,0.5)}*,:after,:before{box-sizing:border-box}[hidden]{display:none!important}html{min-height:100%;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:var(--font);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;letter-spacing:-.01em}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}code{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.field{display:grid;grid-gap:6px;gap:6px;min-width:0}.field-label{font-size:13px;font-weight:600;color:var(--text-2)}.comment-row textarea,.country-input input,.country-input select,.field input,.field select,.field textarea{width:100%;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);padding:9px 12px;color:var(--text);outline:none;transition:border-color .12s ease,box-shadow .12s ease}.comment-row textarea::placeholder,.field input::placeholder,.field textarea::placeholder,.search-field input::placeholder{color:var(--muted)}.field textarea{resize:vertical;min-height:160px;font-family:var(--font-mono);font-size:13px;line-height:1.6}.comment-row textarea:focus,.country-input input:focus,.country-input select:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.country-input select,.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:36px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.country-input{display:grid;grid-gap:8px;gap:8px}.checkbox{width:16px;height:16px;margin:0;flex-shrink:0;cursor:pointer;accent-color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;border:1px solid transparent;border-radius:var(--radius-md);font-size:14px;font-weight:600;white-space:nowrap;transition:background .12s ease,border-color .12s ease,color .12s ease,opacity .12s ease}.btn-sm{height:32px;padding:0 12px;font-size:13px;border-radius:var(--radius-sm)}.btn-block{width:100%}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover)}.btn-danger{background:var(--danger-soft);border-color:var(--danger-line);color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger);border-color:var(--danger);color:#fff}.btn-success-soft{background:var(--success-soft);border-color:var(--success-line);color:var(--success)}.btn:disabled{opacity:.55;cursor:not-allowed}.icon-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--muted);transition:background .12s ease,color .12s ease}.icon-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.icon-btn-danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.icon-btn-success{color:var(--success)}.icon-btn:disabled{opacity:.45;cursor:not-allowed}.alert{margin:0;padding:10px 14px;border-radius:var(--radius-md);border:1px solid;font-size:13px;font-weight:500}.alert-error{background:var(--danger-soft);border-color:var(--danger-line);color:var(--danger)}.alert-success{background:var(--success-soft);border-color:var(--success-line);color:var(--success)}.alert-inset{margin:12px 20px 0}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);font-size:12px;font-weight:600;white-space:nowrap}.badge-accent{background:var(--accent-soft);border-color:transparent;color:var(--accent-text)}.pill{display:inline-flex;align-items:center;justify-content:center;min-width:22px;padding:0 7px;height:20px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);font-size:12px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.muted-text{color:var(--muted);font-size:12px}.empty-state{margin:0;padding:40px 20px;text-align:center;color:var(--muted)}.card{min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:12px 20px;border-bottom:1px solid var(--border)}.card-header h2{font-size:15px;font-weight:650}.card-body{padding:20px}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--border);background:var(--surface-2)}.card-footer-end{justify-content:flex-end}.stack{display:grid;grid-gap:16px;gap:16px}.row-counter{font-size:13px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.row-counter.over{color:var(--danger);font-weight:600}.app-layout{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:20px 14px 14px;background:var(--surface);border-right:1px solid var(--border)}.auth-brand,.sidebar-brand{display:flex;align-items:center;gap:10px}.sidebar-brand{padding:0 6px 4px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border-radius:10px;background:var(--accent);color:var(--on-accent);font-weight:700;font-size:16px;text-transform:uppercase;box-shadow:0 4px 12px -4px var(--accent)}.brand-name{display:block;font-weight:700;font-size:15px;line-height:1.2}.brand-sub{display:block;font-size:12px;color:var(--muted)}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1 1}.nav-item{display:flex;align-items:center;gap:10px;height:38px;padding:0 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-2);font-size:14px;font-weight:500;text-align:left;transition:background .12s ease,color .12s ease}.nav-item svg{flex-shrink:0;color:var(--muted);transition:color .12s ease}.nav-item:hover{background:var(--surface-hover);color:var(--text)}.nav-item.active{background:var(--accent-soft);font-weight:600}.nav-item.active,.nav-item.active svg{color:var(--accent-text)}.nav-label{flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-count{font-size:12px;font-weight:600;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.nav-item.active .nav-count{color:var(--accent-text)}.sidebar-stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.sidebar-stats>div{padding:10px 12px;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border)}.sidebar-stats span{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.sidebar-stats strong{display:block;margin-top:2px;font-size:20px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sidebar-footer{justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid var(--border)}.sidebar-footer,.sidebar-user{display:flex;align-items:center}.sidebar-user{gap:10px;min-width:0}.sidebar-user-text{min-width:0}.sidebar-user-text span,.sidebar-user-text strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-text strong{font-size:13px;font-weight:600}.sidebar-user-text span{font-size:12px;color:var(--muted)}.sidebar-actions{display:flex;gap:2px}.avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--accent-soft);color:var(--accent-text);font-weight:700;font-size:13px;text-transform:uppercase}.main-content{min-width:0;padding:32px 40px 56px}.main-inner{max-width:1160px;margin:0 auto}.tab-panel{display:flex;flex-direction:column;gap:20px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:4px}.page-header h1{font-size:24px;font-weight:700;line-height:1.25}.page-header p{margin:4px 0 0;color:var(--text-2)}.split-grid{grid-template-columns:minmax(0,1fr) 300px;grid-gap:20px}.split-grid,.users-grid{display:grid;gap:20px;align-items:start}.users-grid{grid-template-columns:minmax(0,380px) minmax(0,1fr);grid-gap:20px}.help-body{display:grid;grid-gap:16px;gap:16px}.format-list,.rule-list{margin:0;padding:0;list-style:none;display:grid;grid-gap:6px;gap:6px}.format-list code{display:block;padding:7px 10px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);font-size:12px;color:var(--text-2);overflow-wrap:anywhere}.rule-list li{position:relative;padding-left:16px;font-size:13px;color:var(--text-2)}.rule-list li:before{content:"";position:absolute;left:2px;top:8px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.result-body{display:grid;grid-gap:16px;gap:16px}.result-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.summary-tile{padding:14px 16px;border-radius:var(--radius-md);border:1px solid}.summary-tile span{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.summary-tile strong{display:block;margin-top:2px;font-size:26px;font-weight:700;line-height:1.2;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text)}.summary-tile.tone-success{background:var(--success-soft);border-color:var(--success-line);color:var(--success)}.summary-tile.tone-warning{background:var(--warning-soft);border-color:var(--warning-line);color:var(--warning)}.summary-tile.tone-danger{background:var(--danger-soft);border-color:var(--danger-line);color:var(--danger)}.result-group{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.result-group summary{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--surface-2);font-weight:600;font-size:13px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;list-style:none}.result-group summary::-webkit-details-marker{display:none}.result-group summary:before{content:"";width:6px;height:6px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(-45deg);transition:transform .12s ease;margin-right:2px}.result-group[open] summary:before{transform:rotate(45deg)}.result-list{max-height:420px;overflow-y:auto;border-top:1px solid var(--border)}.result-row{display:flex;align-items:center;gap:12px;padding:10px 14px}.result-row+.result-row{border-top:1px solid var(--border)}.result-dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--muted)}.result-row.tone-success .result-dot{background:var(--success)}.result-row.tone-warning .result-dot{background:var(--warning)}.result-row.tone-danger .result-dot{background:var(--danger)}.result-text{flex:1 1;min-width:0}.result-text strong{display:block;font-weight:500;overflow-wrap:anywhere}.result-text span{display:block;font-size:12px;color:var(--muted)}.result-row small{flex-shrink:0;max-width:45%;text-align:right;font-size:12px;color:var(--text-2)}.toolbar{gap:16px;padding:14px 20px;border-bottom:1px solid var(--border)}.search-field,.toolbar{display:flex;align-items:center}.search-field{position:relative;flex:1 1;min-width:0;max-width:520px}.search-field svg{position:absolute;left:12px;color:var(--muted);pointer-events:none}.search-field input{width:100%;height:38px;padding:0 12px 0 36px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);outline:none;transition:border-color .12s ease,box-shadow .12s ease}.search-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.toolbar-status{margin-left:auto;font-size:13px;color:var(--muted);white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.selection-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;min-height:48px;padding:8px 20px;background:var(--surface-2);border-bottom:1px solid var(--border)}.select-all{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--text-2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.record-list{margin:0;padding:0;list-style:none}.record{display:flex;align-items:flex-start;gap:14px;padding:14px 20px;transition:background .12s ease}.record+.record{border-top:1px solid var(--border)}.record:hover{background:var(--surface-2)}.record.selected{background:var(--accent-soft)}.record-check{margin-top:3px}.record-body{flex:1 1;min-width:0;display:grid;grid-gap:10px;gap:10px}.record-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.record-main{min-width:0}.record-title{display:block;font-weight:600;overflow-wrap:anywhere}.record-email{display:flex;align-items:center;gap:2px;margin-top:1px;color:var(--text-2)}.record-email span{overflow-wrap:anywhere}.record-email .icon-btn{width:26px;height:26px}.record-email-title{margin-top:0;color:var(--text)}.record-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px 12px;flex-shrink:0;max-width:50%;font-size:12px;color:var(--muted)}.comment-row{display:flex;align-items:flex-start;gap:8px}.comment-row textarea{flex:1 1;min-height:34px;padding:6px 10px;font-size:13px;border-color:var(--border);background:var(--surface-2);resize:vertical}.record.selected .comment-row textarea,.record:hover .comment-row textarea{background:var(--surface)}.comment-row .btn,.comment-row .icon-btn{height:34px}.comment-row .icon-btn{width:34px}.user-list{margin:0;padding:0;list-style:none}.user-row{display:flex;align-items:flex-start;gap:12px;padding:14px 20px}.user-row+.user-row{border-top:1px solid var(--border)}.user-info{flex:1 1;min-width:0;display:grid;grid-gap:2px;gap:2px}.user-info strong{font-weight:600}.user-info>span{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:32px 16px;background:radial-gradient(600px 300px at 50% 0,var(--accent-soft),transparent 70%),var(--bg)}.auth-card{width:min(400px,100%);display:grid;grid-gap:18px;gap:18px;padding:32px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-md)}.auth-heading h1{font-size:22px;font-weight:700}.auth-heading p{margin:4px 0 0;color:var(--text-2);font-size:14px}.auth-card .btn{height:42px;margin-top:4px}@media (max-width:1100px){.split-grid,.users-grid{grid-template-columns:minmax(0,1fr)}.main-content{padding:28px 24px 48px}}@media (max-width:860px){.app-layout{grid-template-columns:minmax(0,1fr)}.sidebar{position:-webkit-sticky;position:sticky;top:0;z-index:10;height:auto;overflow:visible;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:10px 16px;border-right:0;border-bottom:1px solid var(--border)}.sidebar-brand{padding:0}.brand-sub,.sidebar-stats,.sidebar-user-text{display:none}.sidebar-footer{margin-left:auto;padding-top:0;border-top:0}.sidebar-nav{order:3;flex:1 0 100%;flex-direction:row;gap:4px;overflow-x:auto;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{flex-shrink:0;height:34px}.main-content{padding:20px 16px 40px}}@media (max-width:640px){.comment-row textarea,.field textarea,input,select,textarea{font-size:16px}.page-header h1{font-size:20px}.card-body,.card-footer,.card-header,.record,.selection-bar,.toolbar,.user-row{padding-left:16px;padding-right:16px}.alert-inset{margin:12px 16px 0}.toolbar{flex-wrap:wrap;gap:8px}.search-field{flex-basis:100%;max-width:none}.toolbar-status{margin-left:0}.card-footer .btn{width:100%}.result-summary{gap:8px}.summary-tile{padding:10px 12px}.summary-tile strong{font-size:20px}.result-row{flex-wrap:wrap}.result-row small{max-width:none;width:100%;padding-left:20px;text-align:left}.record-head{flex-direction:column;gap:6px}.record-meta{justify-content:flex-start;max-width:none}.comment-row{flex-wrap:wrap}.comment-row textarea{flex-basis:100%}.auth-card{padding:24px}}