/* FORX teması: lacivert yan menü, beyaz çalışma alanı, tek mavi vurgu. Kol renkleri (mavi/kehribar) yalnız ağ ve hacimde. */
:root{color-scheme:light;--bg:#f3f5f9;--card:#fff;--ink:#101a2b;--mute:#5c6b80;--line:#e2e7ef;--line2:#cbd3df;--rail:#0c1a2e;--rail2:#142744;--rail-ink:#a9b8cc;--rail-on:#fff;--pri:#1d4ed8;--pri-ink:#fff;--pri-soft:#e8eefc;--accent:#2f6bff;--left:#1d4ed8;--right:#b7791f;--match:#0f7b5f;--bad:#b42318;--bad-bg:#fdecea;--ok-bg:#e4f5ee;--ok:#0b6b52;--warn-bg:#fdf3dc;--warn:#8a5a06;--focus:#2f6bff;--c1:#1d4ed8;--c2:#0f9d7a;--c3:#d98a14;--c4:#7c5ce0;--c5:#d1456e;--c6:#3aa0d8;--paper:var(--bg);--btn:var(--pri);--btn-ink:var(--pri-ink);--radius:10px}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#0b1320;--card:#121d2e;--ink:#e6edf6;--mute:#93a3b8;--line:#22314a;--line2:#33466a;--rail:#08101c;--rail2:#111f35;--pri:#5b8cff;--pri-ink:#07142c;--pri-soft:#17274a;--accent:#5b8cff;--left:#7ea3ff;--right:#e6b04a;--match:#3fc9a2;--bad:#ff8f85;--bad-bg:#3a1b19;--ok-bg:#0f3128;--ok:#57d6b1;--warn-bg:#3a2d10;--warn:#e9c46a;--c1:#7ea3ff;--c2:#3fc9a2;--c3:#e6b04a;--c4:#a78bfa;--c5:#f27a9b;--c6:#62c0ee}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 Inter,"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;font-feature-settings:"tnum"}
a{color:var(--pri)}h1{font-size:1.5rem;line-height:1.25;margin:0 0 .25rem;letter-spacing:-.015em;font-weight:700}h2{font-size:1.02rem;margin:0 0 .8rem;font-weight:650}h3{font-size:.95rem;margin:0 0 .4rem;font-weight:650}p{margin:0 0 .75rem;max-width:74ch}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}
.rail{background:var(--rail);color:var(--rail-ink);padding:1rem .7rem;position:sticky;top:0;height:100vh;overflow:auto;display:flex;flex-direction:column;scrollbar-width:thin}
.brand{display:flex;align-items:center;gap:.55rem;font-weight:700;font-size:1.12rem;letter-spacing:.01em;color:var(--rail-on);text-decoration:none;padding:.2rem .5rem 1rem}
.brand svg{width:28px;height:28px;flex:none}.brand img{height:30px;width:auto;max-width:150px;object-fit:contain;flex:none}
.rail nav{flex:1}.rail .sep{margin:1rem .55rem .4rem;padding-top:.8rem;border-top:1px solid var(--rail2);font-size:.7rem;font-weight:600;letter-spacing:.04em;color:#7488a3}
.grp{margin-bottom:.1rem}.grp>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:.55rem;padding:.48rem .55rem;border-radius:7px;font-size:.88rem;font-weight:550}.grp>summary span{flex:1}.grp>summary::-webkit-details-marker{display:none}.grp>summary::after{content:'';width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(-45deg);transition:transform .15s;opacity:.7}.grp[open]>summary::after{transform:rotate(45deg)}.grp>summary:hover{background:var(--rail2);color:#fff}.ic{width:17px;height:17px;flex:none}
.rail nav a{display:block;color:inherit;text-decoration:none;padding:.38rem .55rem .38rem 2.25rem;border-radius:7px;font-size:.86rem}.rail nav a:hover{background:var(--rail2);color:#fff}.rail nav a.on{background:var(--accent);color:#fff;font-weight:600}
.railout{margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--rail2)}.railout button{all:unset;display:block;width:100%;box-sizing:border-box;cursor:pointer;padding:.45rem .55rem;font-size:.86rem;border-radius:7px}.railout button:hover{background:var(--rail2);color:#fff}
.content{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.75rem;background:var(--card);border-bottom:1px solid var(--line);padding:.55rem clamp(.9rem,2.5vw,2rem);padding-top:calc(.55rem + env(safe-area-inset-top,0px))}.tbt{font-weight:600;font-size:.93rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tbr{margin-left:auto;display:flex;align-items:center;gap:.6rem;flex:none}
.burger{display:grid;gap:3.5px;background:none;border:1px solid var(--line);border-radius:7px;padding:.48rem .45rem;cursor:pointer;flex:none}.burger span{display:block;width:17px;height:1.8px;background:var(--ink);border-radius:2px}.burger:hover{background:var(--bg)}
.chip{display:flex;align-items:center;gap:.4rem;font-size:.84rem;font-weight:550}.chip i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--pri-soft);color:var(--pri);font-style:normal;font-weight:700;font-size:.8rem}
.scrim{display:none;position:fixed;inset:0;background:rgba(5,12,24,.55);z-index:25}
@media (min-width:821px){.menu-closed .shell{grid-template-columns:minmax(0,1fr)}.menu-closed .rail{display:none}}
.langs{display:inline-flex;font-size:.75rem;border:1px solid var(--line);border-radius:7px;overflow:hidden}.langs a{padding:.22rem .5rem;text-decoration:none;color:var(--mute);font-weight:600}.langs a.on{background:var(--pri);color:var(--pri-ink)}
main{padding:1.5rem clamp(.9rem,2.5vw,2rem) 2.5rem;min-width:0;flex:1}
.head{margin-bottom:1.1rem}.head p{color:var(--mute);margin:0;font-size:.92rem}
.grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));margin-bottom:1.1rem}
.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:.85rem 1rem}.stat span{display:block;color:var(--mute);font-size:.8rem;font-weight:500}.stat b{display:block;font-size:1.22rem;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums;margin-top:.2rem;overflow-wrap:anywhere}
.stat.big{grid-column:span 2;background:linear-gradient(120deg,var(--rail),#17345e);border-color:transparent}.stat.big span{color:#aebdd2}.stat.big b{font-size:1.75rem;color:#fff}
a.stat.link{display:block;color:inherit;text-decoration:none;transition:border-color .12s,transform .12s}a.stat.link:hover{border-color:var(--accent);transform:translateY(-1px)}a.stat.link b::after{content:'';display:inline-block;width:5px;height:5px;margin-left:.45rem;vertical-align:middle;border-right:1.6px solid var(--mute);border-top:1.6px solid var(--mute);transform:rotate(45deg)}
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.05rem 1.15rem;margin-bottom:1.05rem}.panel .sub{color:var(--mute);font-size:.84rem;margin:-.5rem 0 .7rem}.ph{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.ph a{font-size:.85rem}
.g2{display:grid;gap:0 1.05rem;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.g3{display:grid;gap:0 1.05rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.87rem}th{color:var(--mute);font-weight:600;font-size:.76rem;text-align:left;white-space:nowrap;background:var(--bg)}th:first-child{border-radius:6px 0 0 6px}th:last-child{border-radius:0 6px 6px 0}th,td{padding:.5rem .65rem;vertical-align:top}td{border-bottom:1px solid var(--line)}td.n,th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:color-mix(in srgb,var(--bg) 55%,transparent)}
.empty{color:var(--mute);padding:.6rem 0;font-size:.9rem}
label{display:block;font-weight:600;font-size:.86rem;margin-bottom:.8rem}label small{display:block;font-weight:400;color:var(--mute);font-size:.78rem}
input,select,textarea{display:block;width:100%;margin-top:.28rem;padding:.52rem .68rem;font:inherit;font-size:.92rem;font-weight:400;color:var(--ink);background:var(--card);border:1px solid var(--line2);border-radius:7px}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent) 25%,transparent);outline-offset:0}input[type=checkbox]{display:inline-block;width:auto;margin:0 .45rem 0 0;accent-color:var(--pri)}input[type=file]{padding:.4rem}.check{display:flex;align-items:center;font-weight:500}
.btn,button.btn{display:inline-block;background:var(--btn);color:var(--btn-ink);border:1px solid var(--btn);border-radius:7px;padding:.5rem .95rem;font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;text-decoration:none;line-height:1.35}.btn:hover{filter:brightness(1.08)}.btn.alt{background:transparent;color:var(--ink);border-color:var(--line2)}.btn.alt:hover{background:var(--bg);filter:none}.btn.danger{background:var(--bad);border-color:var(--bad);color:#fff}.btn.sm{padding:.24rem .55rem;font-size:.78rem}.btn.lg{padding:.72rem 1.4rem;font-size:1rem}.btn.accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn.ghost{background:transparent;border-color:rgba(255,255,255,.35);color:#fff}
.row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.row form{margin:0}.narrow{max-width:560px}.cols{display:grid;gap:0 1rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.flash{padding:.62rem .9rem;border-radius:8px;margin-bottom:1rem;background:var(--ok-bg);color:var(--ok);font-size:.9rem;font-weight:500}.flash.err{background:var(--bad-bg);color:var(--bad)}.note{padding:.62rem .9rem;border-radius:8px;background:var(--warn-bg);color:var(--warn);margin-bottom:1rem;font-size:.9rem}.note a{color:inherit;font-weight:600}
.tag{display:inline-block;padding:.08rem .55rem;border-radius:99px;font-size:.74rem;font-weight:600;background:var(--bg);color:var(--mute);white-space:nowrap}.tag.ok{background:var(--ok-bg);color:var(--ok)}.tag.bad{background:var(--bad-bg);color:var(--bad)}.tag.warn{background:var(--warn-bg);color:var(--warn)}
code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86em;overflow-wrap:anywhere}
.legs{margin:.2rem 0 .9rem}.legs .labels{display:flex;justify-content:space-between;font-size:.9rem;font-variant-numeric:tabular-nums}.legs .labels b{display:block;font-size:1.18rem}.legs .labels .r{text-align:right}.scale{display:grid;grid-template-columns:1fr 2px 1fr;height:14px;margin:.45rem 0 .35rem;border-radius:7px;overflow:hidden}.scale>i{background:var(--ink)}.side{background:var(--bg);display:flex;overflow:hidden}.side.l{justify-content:flex-end}.side b{display:block;height:100%}.side.l .x{background:var(--left);opacity:.35}.side.l .m{background:var(--left)}.side.r .x{background:var(--right);opacity:.35}.side.r .m{background:var(--right)}.legs small{color:var(--mute)}
.meter{height:9px;background:var(--bg);border-radius:5px;overflow:hidden;margin:.35rem 0 .6rem}.meter b{display:block;height:100%;background:var(--accent);border-radius:5px}
.treewrap{overflow-x:auto;padding:.3rem 0 .6rem}.tree2,.tree2 ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center}.tree2{min-width:640px}.tree2 ul{position:relative;padding-top:18px}.tree2 ul::before{content:'';position:absolute;top:0;left:50%;height:9px;border-left:1.5px solid var(--line2)}.tree2 li{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;padding:9px 3px 0}.tree2 ul>li::before{content:'';position:absolute;top:0;height:9px;border-top:1.5px solid var(--line2)}.tree2 ul>li::after{content:'';position:absolute;top:0;left:50%;height:9px;border-left:1.5px solid var(--line2)}.tree2 ul>li:first-child::before{left:50%;right:0}.tree2 ul>li:last-child::before{left:0;right:50%}.tree2>li{padding-top:0}
.tnode{position:relative;display:block;width:100%;max-width:128px;background:var(--card);border:1px solid var(--line2);border-top:3px solid var(--line2);border-radius:7px;padding:.32rem .42rem;text-align:center;text-decoration:none;color:var(--ink);overflow:hidden}a.tnode:hover{border-color:var(--accent)}.tnode b{display:block;font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tnode small{display:block;font-size:.66rem;color:var(--mute)}.tnode.l{border-top-color:var(--left)}.tnode.r{border-top-color:var(--right)}.tnode.root{border-top-color:var(--match);max-width:150px}.tnode.empty{border-style:dashed;color:var(--mute);font-size:.75rem;background:transparent}.tnode .dot{position:absolute;top:5px;right:5px}.tnode.wide{max-width:140px}.tnode .tinv{color:var(--ink);font-weight:600}.tnode .tvol{font-size:.62rem}.vl{color:var(--left)}.vr{color:var(--right)}.tnode .tmore{color:var(--pri);font-size:.64rem}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--line2)}.dot.on{background:var(--match)}.legend{font-size:.8rem;color:var(--mute);display:flex;flex-wrap:wrap;gap:.35rem .5rem;align-items:center;margin:.3rem 0 0}.k{display:inline-block;width:14px;height:4px;border-radius:2px}.k.l{background:var(--left)}.k.r{background:var(--right)}
.tlogo{display:block;width:56px;height:56px;object-fit:contain;border-radius:9px;background:#fff;border:1px solid var(--line);margin-bottom:.4rem}.tlogo.sm{display:inline-block;width:26px;height:26px;margin:0 .3rem 0 0;vertical-align:middle}
.bars{display:flex;align-items:flex-end;gap:3px;height:150px;border-bottom:1px solid var(--line);overflow-x:auto}.bars div{flex:1 0 12px;min-width:12px;background:var(--accent);border-radius:3px 3px 0 0;min-height:1px}
.chart{display:block;width:100%;height:auto}.chart .gl{stroke:var(--line);stroke-width:1}.chart .gl.zero{stroke:var(--line2)}.chart .ax{fill:var(--mute);font-size:11px}.chart .hit{fill:transparent;cursor:crosshair}.chart .hit:hover{fill:color-mix(in srgb,var(--accent) 8%,transparent)}.cwrap{position:relative}.ctip{position:absolute;top:0;background:var(--rail);color:#fff;font-size:.74rem;padding:.3rem .5rem;border-radius:6px;pointer-events:none;max-width:92%;z-index:2}.clegend{display:flex;flex-wrap:wrap;gap:.3rem .9rem;font-size:.78rem;color:var(--mute);margin-bottom:.4rem}.clegend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:.35rem;vertical-align:-1px}
.donut{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.donut svg{width:130px;height:130px;flex:none}.donut .dv{fill:var(--ink);font-size:14px;font-weight:700}.donut ul{list-style:none;margin:0;padding:0;flex:1;min-width:150px;font-size:.82rem}.donut li{display:flex;align-items:center;gap:.4rem;padding:.16rem 0}.donut li i{width:10px;height:10px;border-radius:3px;flex:none}.donut li span{flex:1;color:var(--mute)}
.hbars{list-style:none;margin:0;padding:0;font-size:.82rem}.hbars li{display:grid;grid-template-columns:minmax(70px,34%) 1fr auto;gap:.5rem;align-items:center;padding:.22rem 0}.hbars span{color:var(--mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbars div{background:var(--bg);border-radius:4px;height:9px;overflow:hidden}.hbars i{display:block;height:100%;background:var(--c1);border-radius:4px}
.tabs{display:flex;gap:.25rem;margin-bottom:.9rem;flex-wrap:wrap}.tabs a{padding:.28rem .7rem;border:1px solid var(--line);background:var(--card);border-radius:7px;text-decoration:none;color:var(--mute);font-size:.84rem;font-weight:550}.tabs a.on{background:var(--pri);color:var(--pri-ink);border-color:var(--pri)}
dl.kv{display:grid;grid-template-columns:max-content 1fr;gap:.3rem 1.1rem;margin:0;font-size:.9rem}dl.kv dt{color:var(--mute)}dl.kv dd{margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.auth{min-height:100vh;display:grid;place-items:center;padding:1.25rem;background:radial-gradient(1000px 500px at 80% -10%,#1b3a6b,transparent),var(--rail)}.auth .box{width:100%;max-width:430px}.auth .brand{padding:0 0 .9rem}.auth .langs{border-color:rgba(255,255,255,.25)}.auth .langs a{color:#c4d0e0}.auth .langs a.on{color:var(--pri-ink)}.auth .panel{padding:1.5rem;border-radius:14px;border:0}.auth .flash{margin-bottom:.8rem}
.site-top{background:radial-gradient(900px 480px at 85% -5%,#1f4784,transparent),var(--rail);color:#dfe7f2;padding:1rem clamp(1rem,4vw,3rem) 3rem}.site-nav{display:flex;justify-content:space-between;align-items:center;max-width:1080px;margin:0 auto 2.5rem}.site-nav .brand{padding:0}.site-nav .langs{border-color:rgba(255,255,255,.25)}.site-nav .langs a{color:#c4d0e0}.site-nav .langs a.on{color:var(--pri-ink)}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:center;max-width:1080px;margin:0 auto}.hero h1{font-size:clamp(2rem,4.3vw,3.05rem);line-height:1.1;letter-spacing:-.025em;margin-bottom:1rem;color:#fff}.hero p{font-size:1.06rem;color:#bccadd;margin-bottom:1.4rem}.heroc{margin:0;color:var(--ink);border:0;border-radius:14px;padding:1.3rem}
.home{max-width:1080px;margin:0 auto;padding:1.6rem clamp(1rem,4vw,1.5rem)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:1rem}.steps .panel{margin:0}.steps p{color:var(--mute);margin:0;font-size:.9rem}.risk{border-left:3px solid var(--right);padding:.75rem 1rem;background:var(--card);border-radius:0 8px 8px 0;margin-bottom:1.3rem;font-size:.9rem}.risk p{margin:0;max-width:none}
footer.site{color:var(--mute);font-size:.8rem;padding-top:.9rem;margin-top:.4rem;border-top:1px solid var(--line)}footer.site p{margin:0}
@media (max-width:820px){.shell{display:block}.rail{position:fixed;left:0;top:0;bottom:0;z-index:30;width:272px;max-width:85vw;height:auto;transform:translateX(-102%);transition:transform .18s;padding-top:calc(1rem + env(safe-area-inset-top,0px))}.menu-open .rail{transform:none}.menu-open .scrim{display:block}main{padding:1rem .85rem 2rem}.hero{grid-template-columns:1fr;gap:1.5rem}.stat.big{grid-column:span 2}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.stat{padding:.65rem .75rem}.stat b{font-size:1rem}.stat.big b{font-size:1.35rem}h1{font-size:1.3rem}.chip>span{display:none}.g2,.g3{grid-template-columns:minmax(0,1fr)}.panel{padding:.9rem}}
.cwrap{overflow-x:auto}@media (max-width:620px){.chart{min-width:560px}.ctip{position:sticky;left:0;display:inline-block;margin-bottom:.3rem}.ctip[hidden]{display:none}}
/* Panel düzeni */
.addr{display:block;margin-top:.3rem;padding:.55rem .65rem;background:var(--bg);border:1px solid var(--line);border-radius:7px;font-weight:500;overflow-wrap:anywhere;user-select:all}
#yeniden{scroll-margin-top:72px}
.tbt{display:none}.topbar{min-height:56px}.tbr{margin-left:auto}
.rail nav a{position:relative}.rail nav a.on{background:rgba(47,107,255,.18);color:#fff}.rail nav a.on::before{content:'';position:absolute;left:1.1rem;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#6f9bff}
.head h1{font-size:1.6rem}.panel h2{letter-spacing:-.005em}
.stat{position:relative;padding:.95rem 3.1rem .95rem 1.05rem;min-height:82px}.stat.big{padding-right:1.05rem}.sic{position:absolute;top:.85rem;right:.85rem;width:34px;height:34px;display:grid;place-items:center;border-radius:9px}.sic svg{width:18px;height:18px}.t1{background:#e8eefc;color:#1d4ed8}.t2{background:#e4f5ee;color:#0b7a5c}.t3{background:#fdf3dc;color:#a0690a}.t4{background:#efeafd;color:#6242c9}.t5{background:#fdecef;color:#c0325a}.t6{background:var(--bg);color:var(--mute)}
a.stat.link b::after{display:none}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;margin-bottom:1.3rem}.kpis .stat{min-height:104px;border-top:3px solid var(--accent)}.kpis .stat b{font-size:1.35rem;white-space:nowrap}.sect{margin:1.2rem 0 .55rem;color:var(--mute);font-size:.82rem;font-weight:650}
.acct{display:grid;grid-template-columns:1.25fr 1fr;gap:1.5rem;background:radial-gradient(760px 340px at 92% -30%,#27528f,transparent),var(--rail);color:#dfe7f2;border-radius:14px;padding:1.5rem 1.6rem;margin-bottom:1.1rem}.acct-main{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.acct-id{font-size:.82rem;color:#9fb0c7;margin-bottom:.9rem}.acct-l{font-size:.85rem;color:#c2cfe0}.acct strong{font-size:clamp(1.9rem,4vw,2.7rem);line-height:1.15;letter-spacing:-.02em;color:#fff;margin:.15rem 0 1rem;font-variant-numeric:tabular-nums}.acct-side{margin:0;display:grid;gap:.1rem;align-content:center;border-left:1px solid rgba(255,255,255,.14);padding-left:1.5rem}.acct-side div{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:.88rem}.acct-side div:last-child{border:0}.acct-side dt{color:#aebdd2}.acct-side dd{margin:0;font-weight:650;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.auth{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);padding:0;background:var(--bg);place-items:stretch}.auth-side{background:radial-gradient(800px 460px at 90% -10%,#27528f,transparent),var(--rail);color:#c5d2e3;padding:2.2rem clamp(1.5rem,4vw,3.5rem);display:flex;flex-direction:column;justify-content:space-between;gap:2rem}.auth-side h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.15;letter-spacing:-.02em;color:#fff;margin-bottom:1rem;font-weight:700}.auth-side p{font-size:.86rem;color:#9fb0c7;max-width:46ch;margin:0}.auth-form{display:grid;place-items:center;padding:1.5rem}.auth .box{max-width:420px}.auth-top{display:flex;justify-content:flex-end;align-items:center;margin-bottom:.9rem}.auth-top .brand{display:none;color:var(--ink);padding:0}.auth .langs{border-color:var(--line)}.auth .langs a{color:var(--mute)}.auth .panel{border:1px solid var(--line);border-radius:12px;padding:1.6rem}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .t1{background:#17274a;color:#8fb0ff}:root:not([data-theme=light]) .t2{background:#0f3128;color:#57d6b1}:root:not([data-theme=light]) .t3{background:#3a2d10;color:#e9c46a}:root:not([data-theme=light]) .t4{background:#271f47;color:#b7a2fb}:root:not([data-theme=light]) .t5{background:#3c1a25;color:#f58fab}}
@media (max-width:860px){.auth{grid-template-columns:minmax(0,1fr)}.auth-side{display:none}.auth-top{justify-content:space-between}.auth-top .brand{display:flex}.tbt{display:block}.acct{grid-template-columns:minmax(0,1fr);padding:1.2rem;gap:1rem}.acct-side{border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.14);padding-top:.5rem}.stat{min-height:0;padding:.7rem 2.6rem .7rem .75rem}.sic{width:28px;height:28px;top:.6rem;right:.55rem}.sic svg{width:15px;height:15px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.kpis .stat{min-height:0}.kpis .stat b{font-size:1.1rem}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}