
:root{color-scheme:dark light;--bg:#090a0c;--surface:#111317;--surface2:#181b21;--ink:#f6f3ed;--muted:#969ca7;--line:#2a2e36;--accent:#ff6349;--ok:#70d4a3;--warn:#efc36b;--shadow:0 24px 70px #0008;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}body{background:radial-gradient(circle at 92% 3%,#5d1b152f,transparent 34rem),linear-gradient(90deg,transparent calc(50% - .5px),#ffffff08 50%,transparent calc(50% + .5px)),var(--bg)}a{color:inherit;text-decoration:none}button,input{font:inherit}.skip{position:fixed;left:12px;top:12px;z-index:20;transform:translateY(-160%);background:var(--ink);color:var(--bg);padding:10px}.skip:focus{transform:none}.shell{width:min(1440px,calc(100% - 48px));margin:auto}.top{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line);background:#090a0ce8;backdrop-filter:blur(18px)}.top>div{display:flex;min-height:72px;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:760}.mark{width:23px;height:30px;background:linear-gradient(90deg,var(--accent) 0 39%,transparent 39% 51%,var(--ink) 51% 100%);clip-path:polygon(0 7%,100% 0,86% 93%,8% 100%)}.top small{color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.logout{margin-left:auto}.logout button,.primary{border:1px solid var(--accent);border-radius:2px 12px 2px 2px;background:var(--accent);color:#160d0b;padding:11px 16px;font-weight:720;cursor:pointer}.layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:40px;padding-block:42px 80px}.nav{position:sticky;top:112px;align-self:start;border-top:1px solid var(--line)}.nav a{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:17px 4px;color:var(--muted);font-size:13px}.nav a:hover,.nav a[aria-current=page]{color:var(--ink)}.nav a[aria-current=page]::after{content:"●";color:var(--accent)}.overline{margin:0;color:var(--accent);font:10px ui-monospace,SFMono-Regular,monospace;letter-spacing:.15em;text-transform:uppercase}.hero{display:grid;grid-template-columns:1fr auto;align-items:end;gap:24px;padding:18px 0 44px}.hero h1{margin:14px 0 0;font-size:clamp(44px,6vw,84px);line-height:.94;letter-spacing:-.065em}.hero p:last-child{max-width:520px;color:var(--muted);line-height:1.7}.privacy{border:1px solid var(--line);border-radius:2px 14px 2px 2px;padding:16px;color:var(--muted);font-size:12px}.privacy strong{display:block;color:var(--ok);margin-bottom:5px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.card{min-height:168px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px;background:#1113179c}.card span{color:var(--muted);font:9px ui-monospace,SFMono-Regular,monospace;text-transform:uppercase}.card strong{display:block;margin-top:42px;font-size:30px;letter-spacing:-.045em}.card small{display:block;margin-top:8px;color:var(--muted)}.panel{margin-top:38px;border:1px solid var(--line);border-radius:3px 20px 3px 3px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}.panel header{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:24px;border-bottom:1px solid var(--line);background:var(--surface2)}.panel h2{margin:7px 0 0;font-size:25px}.panel header p{max-width:560px;margin:0;color:var(--muted);font-size:12px;line-height:1.6}.table{overflow-x:auto}.table table{width:100%;min-width:680px;border-collapse:collapse}.table th,.table td{padding:15px 20px;border-bottom:1px solid var(--line);text-align:left;font-size:12px}.table th{color:var(--muted);font:9px ui-monospace,SFMono-Regular,monospace;text-transform:uppercase}.table td:first-child{color:var(--ink);font-weight:650}.table tr:last-child td{border:0}.status{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:5px 9px;color:var(--muted);font-size:10px}.status.ok{border-color:#70d4a355;color:var(--ok)}.status.warn{border-color:#efc36b55;color:var(--warn)}.empty{padding:34px;color:var(--muted)}.trend{display:grid;gap:8px;padding:24px}.trendRow{display:grid;grid-template-columns:88px minmax(120px,1fr) 90px 90px;gap:12px;align-items:center;min-height:30px;color:var(--muted);font-size:11px}.trendRow>i{display:block;height:10px;border-radius:2px 7px 2px 2px;background:var(--accent)}.trendRow>strong{color:var(--ink);font-weight:650;font-variant-numeric:tabular-nums}.trendRow>small{font-variant-numeric:tabular-nums}.login{display:grid;min-height:100vh;place-items:center;padding:24px}.loginCard{width:min(520px,100%);border:1px solid var(--line);border-radius:3px 26px 3px 3px;padding:42px;background:var(--surface);box-shadow:var(--shadow)}.loginCard h1{margin:28px 0 12px;font-size:48px;letter-spacing:-.06em}.loginCard>p{color:var(--muted);line-height:1.6}.field{display:grid;gap:8px;margin-top:20px}.field span{color:var(--muted);font-size:11px;text-transform:uppercase}.field input{width:100%;border:1px solid var(--line);border-radius:2px 10px 2px 2px;background:var(--bg);color:var(--ink);padding:14px}.field input:focus{outline:2px solid var(--accent);outline-offset:2px}.loginCard .primary{width:100%;margin-top:26px;padding:15px}.error{border-left:2px solid var(--accent);padding:10px 13px;background:#ff634914;color:#ffc3b7}.note{margin-top:22px!important;font-size:12px}.footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:11px}
@media(prefers-color-scheme:light){:root{--bg:#eef1f5;--surface:#fcfdff;--surface2:#f3f5f9;--ink:#151a25;--muted:#596476;--line:#d5dce7;--accent:#3157c7;--ok:#18794e;--warn:#9a6200;--shadow:0 20px 55px #33415c1b}.top{background:#f7f9fce8}.card{background:#fcfdffcc}body{background:radial-gradient(circle at 92% 3%,#3157c71a,transparent 34rem),linear-gradient(90deg,transparent calc(50% - .5px),#26354a0b 50%,transparent calc(50% + .5px)),var(--bg)}.mark{background:linear-gradient(90deg,var(--accent) 0 39%,transparent 39% 51%,var(--ink) 51% 100%)}.logout button,.primary{color:#fff}}
@media(max-width:980px){.layout{grid-template-columns:1fr}.nav{position:static;display:flex;overflow:auto}.nav a{min-width:max-content;padding:14px}.cards{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.privacy{max-width:520px}}
@media(max-width:600px){.shell{width:min(100% - 24px,1440px)}.top small{display:none}.layout{padding-top:18px;gap:20px}.hero{padding-bottom:26px}.hero h1{font-size:47px}.cards{grid-template-columns:1fr}.card{min-height:130px}.card strong{margin-top:28px}.panel header{display:block}.panel header p{margin-top:12px}.trendRow{grid-template-columns:68px minmax(90px,1fr) 62px}.trendRow>small:last-child{display:none}.loginCard{padding:28px}.loginCard h1{font-size:42px}}
.error:empty{display:none}.loginCard .primary:disabled{cursor:wait;opacity:.62}
.contactsLayout{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.4fr);min-height:560px}.contactList{border-right:1px solid var(--line)}.contactItem{display:grid;gap:7px;border-bottom:1px solid var(--line);padding:18px;color:var(--muted)}.contactItem:hover,.contactItem[aria-current=page]{background:var(--surface2);color:var(--ink)}.contactItem strong{font-size:14px}.contactItem span,.contactItem small{font-size:10px}.contactItem span{color:var(--accent);font-family:ui-monospace,SFMono-Regular,monospace;text-transform:uppercase}.contactThread{min-width:0;padding:24px}.contactThread__head{display:grid;grid-template-columns:1fr auto;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--line)}.contactThread__head h3{margin:0;font-size:24px}.contactThread__head p{grid-column:1/-1;margin:0;color:var(--muted);font-size:12px}.messages{display:grid;gap:12px;padding-block:24px}.message{max-width:min(78%,680px);border:1px solid var(--line);border-radius:2px 14px 2px 2px;padding:15px;background:var(--surface2)}.message--owner{justify-self:end;border-color:#70d4a355}.message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.message small{display:block;margin-top:8px;color:var(--muted);font-size:9px}.replyForm{display:grid;gap:10px;border-top:1px solid var(--line);padding-top:20px}.replyForm textarea{min-height:120px;resize:vertical;border:1px solid var(--line);border-radius:2px 12px 2px 2px;padding:14px;background:var(--bg);color:var(--ink);font:inherit}.replyForm textarea:focus{outline:2px solid var(--accent);outline-offset:2px}.replyForm button{justify-self:start}.contactEmpty{display:grid;min-height:360px;place-items:center;padding:30px;color:var(--muted);text-align:center}
@media(max-width:980px){.contactsLayout{grid-template-columns:1fr}.contactList{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.contactItem{min-width:240px;border-right:1px solid var(--line);border-bottom:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
