:root{color-scheme:light;--ink:#152a32;--ink-soft:#51616a;--paper:#f5f4ef;--surface:#fffefa;--line:#d9dedb;--accent:#be603c;--accent-deep:#9e462d;--dark:#152a32;--dark-2:#203943;--danger:#b54835;--success:#347258;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
html{min-height:100%;background:var(--paper)}
body{min-height:100vh;margin:0;color:var(--ink);display:flex;flex-direction:column}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.55}
a{color:inherit}
[hidden]{display:none!important}
.topbar{height:76px;padding:0 clamp(20px,4vw,64px);background:var(--dark);color:#f4f4ed;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:3px solid var(--accent)}
.brand{text-decoration:none;display:inline-flex;align-items:center;gap:16px;letter-spacing:.1em}
.brand strong{display:block;font-size:17px;line-height:1;font-weight:800}
.brand small{display:block;margin-top:5px;color:#aabbbd;font-size:10px;text-transform:uppercase;letter-spacing:.19em}
.brand-logo{width:44px;height:44px;object-fit:contain;flex:none}
.topbar-right{display:flex;align-items:center;gap:24px;font-size:12px;font-weight:700}
.connection{color:#c4d0cf;white-space:nowrap}.connection-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#86ac8e;margin-right:7px}
.account-name{padding-left:24px;border-left:1px solid #49616a;white-space:nowrap}
.top-login,.text-button{border:1px solid #78909a;background:transparent;color:#fff;text-decoration:none;padding:10px 14px;font-size:12px;font-weight:700}
.top-login:hover,.text-button:hover{background:#29434e}
main{flex:1}
.state-view{max-width:990px;margin:clamp(60px,10vh,126px) auto;padding:0 28px}
.state-view:before{content:"";display:block;width:58px;height:6px;background:var(--accent);margin-bottom:32px}
.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--accent);text-transform:uppercase}
.state-view h1,.section-head h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.04em}
.state-view h1{font-size:clamp(47px,7vw,86px);line-height:1.04;margin:18px 0 22px}
.state-view p{font-size:18px;line-height:1.7;max-width:670px;color:var(--ink-soft)}
.login-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:center;gap:clamp(30px,7vw,100px)}
.login-logo-wrap{display:flex;align-items:center;justify-content:center;min-width:0}
.login-logo{display:block;width:min(100%,330px);height:auto;filter:drop-shadow(0 18px 26px #10293322)}
.primary-link,.primary-button,.danger-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:47px;padding:0 19px;border:1px solid transparent;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.01em}
.primary-link,.primary-button{background:var(--dark);color:#fff}.primary-link:hover,.primary-button:hover{background:var(--dark-2)}
.primary-link{margin-top:19px}.danger-button{background:var(--danger);color:#fff}.danger-button:hover{background:#9a3525}
.secondary-button{border-color:var(--line);background:var(--surface);color:var(--ink)}.secondary-button:hover{border-color:var(--ink)}
.state-note{padding:14px 18px;margin-top:30px;border-left:3px solid var(--danger);background:#fff0e9;font-size:14px!important}
.dashboard{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:calc(100vh - 131px)}
.sidebar{background:var(--dark);color:#f4f5f0;padding:36px 16px 26px;display:flex;flex-direction:column;border-right:1px solid #29424a}
.sidebar-heading,.sidebar-foot-label{color:#8eacb2;font-size:10px;font-weight:800;letter-spacing:.19em;padding:0 18px}
.nav-list{margin-top:20px;display:grid;gap:3px}.nav-item{width:100%;background:transparent;color:#cad8d8;border:0;border-left:3px solid transparent;text-align:left;padding:15px 16px;font-size:13px;font-weight:700;display:flex;gap:19px;align-items:center}.nav-item:hover{background:#203943}.nav-item.active{color:#fff;background:#29434d;border-left-color:var(--accent)}
.nav-number{color:#8da7ab;font-size:10px;font-weight:800;font-family:Consolas,'Courier New',monospace}
.sidebar-foot{margin-top:auto;border-top:1px solid #3b535b;padding:20px 18px 0;display:grid;gap:8px}.sidebar-foot-label{padding:0}.sidebar-foot strong{font-size:12px;letter-spacing:.1em}.sidebar-foot small{color:#9cb1b4;line-height:1.5}
.workspace{padding:38px clamp(30px,5vw,82px) 80px;max-width:1530px;width:100%}
.workspace-meta{display:flex;justify-content:space-between;padding-bottom:23px;border-bottom:1px solid var(--line);color:#85918f;letter-spacing:.13em;font-size:10px;font-weight:800}
.tool-view{max-width:940px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:44px 0 35px}.section-head h1{font-size:clamp(39px,4.5vw,60px);line-height:1.04;margin:11px 0 12px}.section-head p{margin:0;max-width:630px;color:var(--ink-soft);line-height:1.55;font-size:14px}
.section-stamp{align-self:start;border:1px solid var(--line);color:#879391;padding:8px 11px;font-size:10px;font-weight:800;letter-spacing:.15em}
.search-row{display:flex;gap:12px;align-items:end;margin-bottom:24px}.search-row .field{flex:1}.search-row button{height:49px}
.field{display:grid;gap:9px;font-size:11px;letter-spacing:.05em;font-weight:800;text-transform:uppercase;color:#42545a}.field input,.field select,.field textarea{width:100%;border:1px solid #c9d2ce;background:var(--surface);color:var(--ink);border-radius:0;outline:none;padding:14px 15px;font-size:14px;font-weight:400;letter-spacing:normal;text-transform:none}.field input,.field select{min-height:49px}.field textarea{resize:vertical;line-height:1.55}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #be603c1f}.field input::placeholder,.field textarea::placeholder{color:#929d9b}
.empty-state{min-height:265px;border:1px dashed #c9d2ce;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:28px;color:var(--ink-soft)}.empty-index{font-family:Georgia,serif;font-size:46px;color:var(--accent);line-height:1}.empty-state strong{margin-top:10px;color:var(--ink);font-size:15px}.empty-state p{font-size:13px}
.profile{border:1px solid var(--line);background:var(--surface)}.profile-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 30px;border-bottom:1px solid var(--line)}.profile-top h2{font-family:Georgia,serif;font-size:30px;font-weight:400;margin:8px 0}.profile-top p{margin:0;color:var(--ink-soft);font-size:13px}.status-tag{font-size:11px;font-weight:800;padding:9px 11px;white-space:nowrap;background:#e5efe8;color:var(--success)}.status-tag.banned{background:#f6e8e3;color:var(--danger)}
.profile-grid{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.profile-grid>div{min-width:0;padding:22px 22px;border-right:1px solid var(--line)}.profile-grid>div:last-child{border-right:0}.profile-grid span{display:block;color:#82908d;font-size:10px;letter-spacing:.11em;font-weight:800;margin-bottom:9px}.profile-grid strong{display:block;overflow-wrap:anywhere;font-size:13px;font-weight:700}
.profile-details{display:grid;grid-template-columns:1fr 1fr}.profile-details>div{padding:24px 29px}.profile-details>div:first-child{border-right:1px solid var(--line)}.profile-details h3{font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin:0 0 18px}.history-list{display:grid;gap:11px}.history-item{padding-bottom:11px;border-bottom:1px solid #e7eae5;line-height:1.4}.history-item:last-child{border-bottom:0}.history-item strong{display:block;font-size:13px}.history-item small{display:block;color:var(--ink-soft);margin-top:4px}.history-empty{color:#899693;font-size:13px}
.action-card{background:var(--surface);border:1px solid var(--line);padding:clamp(22px,4vw,36px);display:grid;gap:25px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-foot{padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.form-foot span{color:#7e8988;font-size:12px;line-height:1.5}
.list-meta{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:0 0 14px;color:#7e8988;font-size:12px}.list-meta strong{color:var(--ink);font-size:13px}.record-list{display:grid;gap:12px}.record-card{background:var(--surface);border:1px solid var(--line);padding:22px 25px}.record-top{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding-bottom:15px;border-bottom:1px solid var(--line)}.record-top strong{font-family:Georgia,serif;font-size:25px;font-weight:400}.record-top span{font-size:11px;color:#82908d;white-space:nowrap}.record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 24px;padding:18px 0}.record-line{min-width:0;display:grid;gap:5px}.record-line span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#82908d;font-weight:800}.record-line strong{font-size:13px;overflow-wrap:anywhere}.record-action{border:0;border-top:1px solid var(--line);padding:15px 0 0;background:transparent;color:var(--accent-deep);font-weight:800;font-size:12px}.record-action:hover{text-decoration:underline}.record-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:17px}.record-actions a{margin-right:auto;font-size:12px;font-weight:800;color:var(--accent-deep)}.record-empty{border:1px dashed #c9d2ce;padding:46px 24px;text-align:center;color:#7e8988;font-size:13px}.pager{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.privacy-shield{position:fixed;inset:0;z-index:30;background:#152a32;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-align:center}.privacy-shield strong{font-family:Georgia,serif;font-weight:400;font-size:clamp(38px,6vw,68px)}.privacy-shield span{font-size:13px;color:#c5d0d1}
.toast{position:fixed;right:25px;bottom:23px;max-width:min(420px,calc(100vw - 50px));background:var(--dark);color:#fff;padding:16px 20px;box-shadow:0 12px 30px #1029312b;font-size:13px;z-index:10}.toast.error{background:var(--danger)}
.confirm-dialog{border:1px solid #b4c0ba;background:var(--surface);color:var(--ink);padding:29px;width:min(460px,calc(100vw - 32px));box-shadow:0 18px 70px #081e2860}.confirm-dialog::backdrop{background:#0e222fc0}.confirm-dialog h2{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:13px 0}.confirm-dialog p{color:var(--ink-soft);font-size:14px;line-height:1.6}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}
.footer{display:flex;justify-content:space-between;padding:20px clamp(20px,4vw,64px);border-top:1px solid var(--line);font-size:10px;font-weight:800;color:#87908f;letter-spacing:.12em}
@media(max-width:850px){.login-layout{grid-template-columns:minmax(0,1fr) 220px;gap:24px}.dashboard{grid-template-columns:1fr}.sidebar{padding:14px 18px;display:block}.sidebar-heading,.sidebar-foot{display:none}.nav-list{margin:0;display:flex;overflow:auto}.nav-item{white-space:nowrap;width:auto;padding:12px 13px}.workspace{padding:22px 22px 70px}.section-head{margin-top:32px}.profile-grid{grid-template-columns:1fr 1fr}.profile-grid>div:nth-child(2){border-right:0}.profile-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:600px){.topbar{height:70px;padding:0 18px}.brand-logo{width:38px;height:38px}.brand strong{font-size:14px}.brand small{font-size:9px}.connection,.account-name{display:none}.topbar-right{gap:8px}.state-view{margin:60px auto;padding:0 24px}.state-view p{font-size:16px}.login-layout{grid-template-columns:1fr}.login-logo-wrap{grid-row:1}.login-logo{width:180px}.workspace-meta span:last-child{display:none}.section-head{align-items:start}.section-stamp{display:none}.search-row{display:grid}.search-row button{width:100%}.field-grid{grid-template-columns:1fr}.profile-top{padding:22px}.profile-grid>div{padding:17px}.profile-details{grid-template-columns:1fr}.profile-details>div:first-child{border-right:0;border-bottom:1px solid var(--line)}.form-foot{align-items:stretch;flex-direction:column}.form-foot button{width:100%}.dialog-actions{flex-direction:column}.dialog-actions button{width:100%}}
@media(max-width:600px){.record-grid{grid-template-columns:1fr 1fr}.record-top{align-items:start;flex-direction:column;gap:5px}.record-actions a{width:100%;margin-bottom:7px}.record-actions button{flex:1}.list-meta{align-items:start;flex-direction:column}}