/* ARYA CONTROL V3 — Design System 02 / Obsidian Rose */
:root {
  color-scheme:dark;
  --background:#09070d; --sidebar:#0f0a13; --surface:#16101c;
  --surface-alt:#1d1422; --surface-hover:#28182c;
  --border:#38233e; --border-soft:#302035;
  --text:#f9f5fa; --muted:#bdacc2; --subdued:#917f98;
  --pink:#ff3598; --pink-light:#ff84c4; --pink-dark:#da1479;
  --violet:#9866ee; --blue:#23bdf5; --mint:#62dfb0; --amber:#ffcc81;
  --danger:#ff829d; --ring:#ff81c5;
  --radius:18px; --shadow:0 18px 55px rgba(0,0,0,.23);
  font-family:Inter,"Segoe UI Variable","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
  font-feature-settings:"cv11","ss01";
  font-synthesis:none;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--background);color:var(--text);font-size:14px;line-height:1.5}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:disabled{opacity:.47;cursor:not-allowed}
a{color:var(--pink-light);text-decoration:none}
a:hover{text-decoration:underline}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--ring);outline-offset:3px
}
svg{display:block;flex-shrink:0}
::selection{background:#e82c9280;color:#fff}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:var(--background)}
::-webkit-scrollbar-thumb{background:#5a3856;border:2px solid #110a16;border-radius:20px}
::-webkit-scrollbar-thumb:hover{background:#905071}
.app-shell{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100vh;min-height:100dvh}
.sidebar{
  position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto;z-index:20;
  padding:27px 16px 20px;background:linear-gradient(165deg,#160d1d,#100b16 46%,#100a15);
  border-right:1px solid var(--border-soft);display:flex;flex-direction:column
}
.brand{display:flex;align-items:center;gap:12px;padding:0 10px;margin:0 0 30px;text-decoration:none!important}
.brandicon{border-radius:14px;border:1px solid #552742;box-shadow:0 9px 25px #ff2e8c30;object-fit:cover;flex-shrink:0}
.brand-name{display:flex;flex-direction:column;line-height:1.08}
.brand-name strong{font-size:24px;font-weight:870;letter-spacing:-1.35px;color:#fff}
.brand-name em{font-style:normal;color:var(--pink)}
.brand-name small{margin-top:6px;font-size:10px;font-weight:840;letter-spacing:3.2px;color:#9a7d9b}
.brand-v{margin-left:8px;color:var(--pink);letter-spacing:1px;border:1px solid #6b3452;padding:2px 5px;border-radius:5px;font-size:9px}
.workspace-switch{border:1px solid #3c293d;background:#211727;border-radius:14px;padding:12px;display:flex;align-items:center;gap:10px;margin:0 4px 29px}
.workspace-square{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#f955ad,#893ea0);color:#fff;font-weight:850}
.workspace-switch>span:nth-child(2){display:grid;flex:1;min-width:0}
.workspace-switch strong{font-size:12px;white-space:nowrap}
.workspace-switch small{color:var(--subdued);font-size:10px}
.workspace-check{color:var(--mint);font-size:13px}
.nav-caption{margin:0 16px 12px;color:#a18aab;font-size:10px;letter-spacing:1.6px;font-weight:800}
nav{display:grid;gap:19px}
.nav-section{display:grid;gap:3px}
.nav-section-label{font-size:10px;font-weight:800;letter-spacing:1.4px;color:#7f6b86;padding:5px 15px 8px}
.nav-item{
  display:flex;align-items:center;gap:12px;width:100%;border:1px solid transparent;
  padding:11px 14px;border-radius:11px;text-align:left;background:transparent;
  color:#c9b6cc;font-size:12.7px;font-weight:650;transition:.18s ease;
  transition-property:background,color,border-color,box-shadow
}
.nav-item svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav-item:hover{background:#302034;color:#fff}
.nav-item.active{background:linear-gradient(100deg,#63203f85,#361629);color:#ffacd7;border-color:#8c34564d;box-shadow:inset 3px 0 0 var(--pink)}
.nav-item.active svg{color:var(--pink-light)}
.nav-item>span{flex:1}
.nav-count{color:var(--pink-light);background:#64304d;border-radius:8px;padding:1px 7px;font-size:10px}
.sidebar-bottom{border-top:1px solid var(--border-soft);margin-top:auto;padding:23px 11px 3px}
.server-connection{display:flex;align-items:center;gap:11px}
.online-dot,.env-dot{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px #56eab089;flex-shrink:0}
.server-connection span:last-child{display:grid}
.server-connection strong{font-size:12px;font-weight:680}
.server-connection small{font-size:10px;color:var(--subdued)}
.sidebar-external{display:inline-block;margin:22px 0 20px;font-size:11px;color:#e9b4d5}
.sidebar-copyright{font-size:9px;color:#74657b;letter-spacing:.2px}
.mobile-backdrop{display:none}
.main{min-width:0;display:flex;flex-direction:column;min-height:100dvh;background:radial-gradient(ellipse 1000px 480px at 90% -12%,#3f143052,transparent 75%),var(--background)}
.head{position:sticky;z-index:10;top:0;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 32px;background:#0f0a13eb;border-bottom:1px solid var(--border-soft);backdrop-filter:blur(18px)}
.head-left{display:flex;align-items:center;gap:15px;min-width:0}
.crumb{margin:0 0 4px;color:#c79db9;font-size:10px;font-weight:810;letter-spacing:1.25px;text-transform:uppercase}
.head h1{font-size:25px;line-height:1.2;margin:0;color:#fff;font-weight:800;letter-spacing:-.8px}
.head p{margin:5px 0 0;color:var(--subdued);font-size:11px}
.head-right{display:flex;align-items:center;gap:11px}
.env{display:inline-flex;align-items:center;white-space:nowrap;gap:8px;border:1px solid #734366;background:#371a33;color:#ffadd7;border-radius:99px;font-size:9px;font-weight:900;letter-spacing:.75px;padding:9px 11px}
.env-dot{width:6px;height:6px}
.search-trigger{border:1px solid #39283e;background:#211626;color:#bca9c3;display:flex;align-items:center;gap:10px;border-radius:10px;padding:9px 11px;font-size:11px}
.search-trigger:hover{border-color:#865270;background:#2c1a2c}
.search-trigger svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
kbd{border:1px solid #5b3955;color:#bba5bc;background:#39273b;font:9px inherit;padding:2px 5px;border-radius:4px}
.icon-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid #4b3047;border-radius:10px;background:#241827;color:#e3b8d2}
.icon-button:hover{background:#382139}
.icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mobile-menu{display:none}
.head-divider{height:30px;width:1px;background:#483249;margin:0 1px}
.operator-wrap{display:flex;align-items:center;gap:8px;min-width:0}
.operator-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ff6cba,#b22c79);color:#fff;font-weight:820;box-shadow:0 0 0 2px #633250}
.operator{font-size:11px;font-weight:800;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.logout-button{background:none;border:1px solid #493048;border-radius:9px;padding:9px 12px;color:#edd1e4;font-weight:670;font-size:11px}
.logout-button:hover{background:#3b2337}
.content-area{width:100%;max-width:1700px;margin:0 auto;flex:1;display:flex;flex-direction:column}
.viewport{width:100%;padding:30px 32px 38px;flex:1}
.app-footer{padding:22px 32px;border-top:1px solid #281a2d;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#866f8e}
.loading-block{padding:65px 15px;display:flex;align-items:center;justify-content:center;gap:12px;color:#ceb4cd}
.loading-ring{width:23px;height:23px;border-radius:50%;border:2px solid #613052;border-top-color:var(--pink);animation:spin .9s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.hero{background:radial-gradient(ellipse at 88% 15%,#a3256350,transparent 57%),linear-gradient(130deg,#2b1325,#211327 58%,#19101f);border:1px solid #683854;border-radius:22px;box-shadow:var(--shadow);padding:28px 29px;margin-bottom:23px;display:flex;justify-content:space-between;align-items:center;gap:20px;overflow:hidden;position:relative}
.hero:after{content:"";position:absolute;top:-50px;right:9%;width:180px;height:180px;border:2px solid #ff78bc15;border-radius:50%;box-shadow:0 0 0 25px #ff64b508,0 0 0 50px #fa6ec009;pointer-events:none}
.hero>*{position:relative;z-index:1}
.hero .eyebrow{color:#ffa0cc;font-size:10px;font-weight:900;letter-spacing:2px;margin:0 0 8px}
.hero h2{font-size:clamp(22px,3vw,32px);letter-spacing:-1.2px;margin:0 0 8px;line-height:1.25}
.hero p{font-size:12px;color:#d0b6cb;max-width:620px;margin:0}
.hero .hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.hero .action{min-width:115px}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:19px 0 24px}
.metric{background:linear-gradient(142deg,#1c1422,#17101c);border:1px solid var(--border);border-radius:17px;padding:20px 19px;box-shadow:0 6px 24px #05040920;min-width:0;position:relative;overflow:hidden}
.metric:before{content:"";position:absolute;top:0;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,#ff78b325,transparent)}
.metric:hover{border-color:#745071}
.metric .label{display:block;color:#bdabc2;font-size:11px;font-weight:720}
.metric b{display:block;color:#fff;font-size:clamp(24px,2.4vw,31px);font-variant-numeric:tabular-nums;font-weight:835;letter-spacing:-1px;line-height:1.3;margin:10px 0 5px}
.metric small{color:#8c7995;font-size:10px}
.metric .metric-icon{float:right;width:31px;height:31px;border-radius:9px;background:#51213f;color:#ff80ba;text-align:center;font-size:15px;line-height:30px}
.grid-2{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(295px,1fr);gap:16px}
.section{margin:0 0 17px;padding:23px;background:linear-gradient(150deg,#1a1220,#160f1c);border:1px solid var(--border);border-radius:17px;box-shadow:0 12px 30px #02010418;min-width:0;overflow-x:auto}
.section h2{color:#fff;font-size:15px;font-weight:820;margin:0 0 10px;letter-spacing:-.25px}
.section h3{font-size:13px;color:#fff;margin:0 0 9px}
.section p{color:#c3b0c6;font-size:12px;line-height:1.65;margin:8px 0 15px}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.section-head h2{margin:0}
.section-intro{margin:0 0 19px;color:#c3adc3;font-size:12px;line-height:1.7}
.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:17px}
.toolbar .spacer{flex:1}
.muted{color:var(--subdued);font-size:11px}
.search,input:not([type=checkbox]),select,textarea{
  min-width:0;background:#201625;border:1px solid #543650;color:#fff;
  border-radius:10px;padding:11px 13px;outline-offset:2px;font-size:12px
}
.search{width:min(360px,100%)}
::placeholder{color:#8c788f;opacity:1}
select{cursor:pointer}
textarea{width:100%;min-height:93px;resize:vertical;line-height:1.55}
.action,.gate button{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;
 background:linear-gradient(115deg,#ff419f,#db1b78);color:#160812;border:0;
 border-radius:10px;padding:11px 14px;font-weight:840;font-size:11px;
 box-shadow:0 5px 18px #ff329522;transition:filter .15s,transform .15s;white-space:nowrap
}
.action:hover,.gate button:hover{filter:brightness(1.11);transform:translateY(-1px)}
.action.danger{background:#4c263c;color:#ff9fbb;border:1px solid #773c57;box-shadow:none}
.action.secondary,.light-button{background:#28192d;color:#edcadc;border:1px solid #63415d;box-shadow:none}
.action.secondary:hover,.light-button:hover{background:#3a2240}
.action.tiny{padding:7px 10px;font-size:10px;border-radius:8px;margin:2px 5px 2px 0;box-shadow:none}
.light-button{border-radius:10px;padding:10px 13px;font-size:12px;font-weight:700}
table{border-collapse:separate;border-spacing:0;width:100%;min-width:720px}
table th{background:#24182a;border-bottom:1px solid #47304c;padding:14px 13px;text-align:left;white-space:nowrap;color:#b9a0bb;font-size:10px;font-weight:830;letter-spacing:.85px;text-transform:uppercase}
table th:first-child{border-top-left-radius:9px}
table th:last-child{border-top-right-radius:9px}
table td{padding:14px 13px;border-bottom:1px solid #312138;color:#e9dfe8;font-size:11.5px;vertical-align:middle}
table tbody tr:last-child td{border-bottom:0}
table tbody tr:hover{background:#24182d}
table td strong,table td b{font-weight:790;color:#fff}
table td .verified{margin-left:5px}
table th:nth-child(1),table td:nth-child(1){padding-left:15px}
.table-wrap{width:100%;overflow-x:auto;border-radius:12px;border:1px solid #35233a}
.section:has(>table){overflow-x:auto}
.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:8px;background:#153429;color:#74e4b1;font-size:10px;font-weight:790;white-space:nowrap;border:1px solid #20553c}
.pill.wait{background:#4a321d;border-color:#755131;color:#ffd095}
.pill.closed{background:#412033;border-color:#6c3454;color:#ff9fbd}
.pill:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}
.verified{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;font-weight:900;font-size:11px;color:#0b1421;background:linear-gradient(135deg,#7adaff,#1aaef4);box-shadow:0 0 0 2px #30a9eb2a}
.info-strip{background:#281a2d;border:1px solid #5b3854;padding:13px 16px;border-radius:11px;font-size:11px;color:#ead0dd;margin-bottom:18px;line-height:1.6}
.info-strip.warn{background:#3c2b1b;border-color:#6c4d2e;color:#ffd09a}
.info-strip.good{background:#1b322b;border-color:#335b43;color:#b4f0ca}
.queue-list{display:grid;gap:10px;margin-top:16px}
.queue-line{display:flex;align-items:center;gap:12px;background:#24182b;border:1px solid #403049;border-radius:12px;padding:13px 15px}
.queue-bubble{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:#4c2141;color:#ff93c7;font-size:19px;flex-shrink:0}
.queue-main{flex:1;min-width:0}
.queue-main strong{font-size:12px;display:block}
.queue-main small{font-size:10px;color:#a993ac}
.queue-counter{background:#512c43;padding:6px 10px;border-radius:9px;color:#ff9bca;font-size:12px;font-weight:900}
.queue-line button{flex-shrink:0}
.chart-card{min-height:293px}
.chart{width:100%;max-height:270px;display:block}
.chart-label{font-size:10px;fill:#ac90ac}
.chart-legend{display:flex;gap:18px;align-items:center;color:#c9b5cd;font-size:11px;margin-top:6px}
.chart-legend i{display:inline-block;height:8px;width:8px;border-radius:3px;background:var(--pink);margin-right:6px}
.chart-legend i.secondary{background:#8150a8}
.stat-ring{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.stat-chip{background:#26192d;border:1px solid #452d4a;border-radius:12px;padding:16px;display:grid;gap:4px}
.stat-chip strong{font-size:20px;font-weight:870}
.stat-chip small{color:#b7a2b8;font-size:11px}
section[aria-label="Durum dağılımı"]{display:grid;gap:12px}
.progress-line{display:flex;align-items:center;gap:12px;font-size:11px;color:#cfb5ca}
.progress-line strong{min-width:30px;text-align:right}
.progress-bar{height:6px;flex:1;background:#312239;border-radius:8px;overflow:hidden}
.progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#d83291,#ff99cd);border-radius:8px;min-width:0}
form{margin:0}
.formline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.formline>*{flex:1;min-width:140px}
.formline button{flex:0 0 auto}
.posform{display:grid;gap:16px;max-width:700px}
.posform label,.gate label{display:grid;gap:8px;color:#dbc6dc;font-size:12px;font-weight:720}
.posform button{justify-self:start}
.permission-info{font-size:10px;color:#ad93ae}
.gate{
 width:min(455px,100%);margin:4vh auto 9vh;padding:37px 34px;background:
 radial-gradient(ellipse at top right,#712a5050,transparent 55%),#1d1422;
 border:1px solid #613a55;border-radius:24px;box-shadow:0 25px 85px #0007
}
.gate h2{font-weight:835;letter-spacing:-.7px;margin:20px 0 8px;font-size:23px}
.gate .muted{line-height:1.7;color:#bba5b9}
.gate form{display:grid;gap:17px;margin-top:24px}
.gate input{padding:13px!important;font-size:13px!important;width:100%}
.gate button{margin-top:6px;padding:14px}
.brand-login{display:flex;align-items:center;gap:14px}
.brand-login img{border-radius:14px;border:1px solid #79354e}
.brand-login h2{font-size:25px;letter-spacing:-1.2px;margin:0}
.brand-login h2 em{font-style:normal;color:var(--pink)}
.brand-login small{display:block;font-size:10px;font-weight:900;letter-spacing:3px;color:#e9a9c9;margin-top:5px}
.gate-note{border-top:1px solid #493248;margin-top:24px;padding-top:15px;font-size:10px;color:#a58bab;display:flex;align-items:center;gap:9px}
#notice{position:fixed;z-index:70;right:24px;bottom:24px;max-width:420px}
.toast{background:#241728;border:1px solid #794267;border-left:4px solid var(--mint);color:#fceaf4;padding:15px 19px;border-radius:13px;box-shadow:0 18px 55px #0008;font-size:12px}
.toast.danger{border-left-color:var(--danger)}
.action-dialog,.command-dialog{color:#fff;background:#201625;border:1px solid #644461;box-shadow:0 34px 100px #000a;border-radius:19px;padding:26px;max-width:94vw}
.action-dialog{width:min(490px,94vw)}
dialog::backdrop{background:#070509c9;backdrop-filter:blur(7px)}
.action-dialog .dialog-icon{color:var(--pink);font-size:29px;margin-bottom:11px}
.action-dialog h2{font-size:21px;margin:0 0 10px}
.action-dialog p{color:#cab8cc;font-size:12px;line-height:1.65}
.dialog-input{display:grid;gap:9px;margin:14px 0;font-size:12px;font-weight:740}
.dialog-input textarea{margin-top:7px}
.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:21px}
.command-dialog{padding:18px;width:min(520px,94vw);top:16vh;margin-top:0}
.command-label{font-size:11px;font-weight:760;color:#d4b3cb;letter-spacing:.8px}
#commandInput{display:block;width:100%;margin:12px 0}
.command-results{display:grid;gap:4px;max-height:52vh;overflow-y:auto}
.command-results button{display:flex;align-items:center;justify-content:space-between;width:100%;border:1px solid transparent;border-radius:10px;background:none;color:#f3dbea;text-align:left;padding:12px;font-size:12px}
.command-results button:hover,.command-results button.active{background:#44203c;border-color:#7d3c63}
.command-dialog p{color:#9d8aa3;font-size:10px;margin:14px 3px 0}
article{background:#211625;border:1px solid #463049;border-radius:16px;padding:20px;margin:14px 0;color:#fff}
article h3{margin:0 0 8px}
article p{color:#cbb7c9;line-height:1.65;overflow-wrap:anywhere}
article textarea{display:block;margin:12px 0;width:100%;min-height:74px}
article small{color:#aa92ad}
article video{width:min(100%,490px);display:block;margin:18px auto;border-radius:12px;background:#050406}
.feature-list{display:grid;gap:11px}
.feature-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 14px;background:#24192b;border:1px solid #422e46;border-radius:12px}
.feature-row .name{font-size:11px;color:#d9c6dc}
.feature-row strong{font-size:10px;color:#83e7b5}
.feature-row strong.disabled{color:#ffcc83}
#content>.muted:first-child{margin-bottom:20px}
@media(max-width:1410px){
 .head{padding:21px 24px}.viewport{padding:26px 24px}
 .metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
 .env{display:none}.search-trigger kbd{display:none}
}
@media(max-width:1180px){
 .app-shell{grid-template-columns:79px minmax(0,1fr)}
 .sidebar{padding:24px 10px}.brand{justify-content:center;padding:0}.brand-name{display:none}
 .workspace-switch{justify-content:center;padding:9px;margin:0 0 27px}
 .workspace-square{width:37px;height:37px}
 .workspace-switch>span:nth-child(2),.workspace-check{display:none}
 .nav-caption,.nav-section-label,.sidebar-bottom{display:none}
 .nav-section{gap:5px}.nav-item{justify-content:center;padding:13px}
 .nav-item span,.nav-count{display:none}.nav-item svg{width:20px;height:20px}
 .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .grid-2{grid-template-columns:1fr}
 .operator{display:none}
}
@media(max-width:760px){
 .app-shell{grid-template-columns:1fr}
 .sidebar{position:fixed;top:0;left:0;bottom:0;width:275px;height:100dvh;transform:translateX(-102%);transition:transform .24s ease;z-index:40;box-shadow:0 15px 70px #0007}
 .nav-open .sidebar{transform:translateX(0)}
 .nav-open .mobile-backdrop{display:block;position:fixed;inset:0;background:#0009;z-index:35}
 .brand{justify-content:flex-start;padding:0 10px}.brand-name{display:flex}
 .workspace-switch{justify-content:flex-start;padding:12px}
 .workspace-switch>span:nth-child(2),.workspace-check{display:grid}
 .nav-caption,.nav-section-label,.sidebar-bottom{display:block}
 .nav-item{justify-content:flex-start;padding:11px 14px}.nav-item span,.nav-count{display:block}
 .mobile-menu{display:grid}
 .head{padding:17px 15px}.viewport{padding:19px 15px}
 .head h1{font-size:19px}.head p{display:none}
 .head-right{gap:5px}.search-trigger span,.head-divider,.operator-wrap{display:none}
 .search-trigger{padding:10px}.search-trigger svg{width:16px;height:16px}
 .logout-button{padding:10px}
 .hero{padding:22px 18px;display:block}.hero h2{font-size:24px}
 .hero-actions{margin-top:20px}
 .metrics{gap:10px}
 .metric{padding:16px}.metric b{font-size:26px}
 .section{padding:17px}.toolbar .search{width:100%}
 .app-footer{padding:16px;display:block}.app-footer span{display:block;margin:4px}
 .head-left{gap:11px}
}
@media(max-width:380px){
 .metrics{grid-template-columns:1fr 1fr}
 .metric{padding:13px}.metric b{font-size:23px}
 .logout-button{display:none}
 .hero{padding:19px 14px}
}
@media(prefers-reduced-motion:reduce){
 *,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}
[hidden]{display:none!important}

/* Premium private login: standalone visual rather than an exposed dashboard shell. */
.is-guest .app-shell{display:block;min-height:100dvh}
.is-guest .sidebar,.is-guest .head,.is-guest .app-footer{display:none!important}
.is-guest .main{min-height:100dvh;background:radial-gradient(ellipse at 26% 24%,#671d5066,transparent 58%),#09060d}
.is-guest .content-area,.is-guest .viewport{min-height:100dvh;max-width:none;width:100%}
.is-guest .viewport{display:grid;place-items:center;padding:32px}
.auth-shell{display:grid;grid-template-columns:minmax(0,1fr) 425px;align-items:stretch;gap:50px;
 width:min(1140px,100%);min-height:650px}
.auth-visual{position:relative;border:1px solid #63324c;background:
 radial-gradient(ellipse at 45% 36%,#90345966,transparent 58%),
 linear-gradient(135deg,#291020,#110c18);border-radius:25px;overflow:hidden;
 display:flex;align-items:center;padding:54px}
.auth-visual:after{content:"";position:absolute;width:320px;height:320px;right:-140px;bottom:-120px;
 border:2px solid #ec59a026;border-radius:50%;box-shadow:0 0 0 35px #e33d8c10,0 0 0 80px #f33d8c07}
.auth-visual-content{position:relative;z-index:1;max-width:530px}
.auth-brandmark img{border-radius:22px;border:1px solid #a34b75;box-shadow:0 16px 55px #ff389949}
.auth-kicker{font-size:10px;font-weight:850;color:#f89cc7;letter-spacing:2.5px;margin:25px 0}
.auth-visual h2{font-size:clamp(30px,4vw,49px);font-weight:850;line-height:1.16;letter-spacing:-2px;margin:0}
.auth-visual h2 em{color:#ff62af;font-style:normal}
.auth-visual p:not(.auth-kicker){font-size:13px;line-height:1.85;color:#d8bcd1;max-width:420px;margin:22px 0}
.auth-highlights{display:flex;flex-wrap:wrap;gap:8px}
.auth-highlights span{font-size:10px;color:#e9bbd5;background:#4b213ba3;padding:8px 10px;border:1px solid #76405c;border-radius:8px}
.is-guest .gate{display:flex;flex-direction:column;justify-content:center;padding:36px 32px;
 margin:0;width:100%;max-width:none;border-radius:25px}
.is-guest .gate .brand-login h2{font-size:26px}
.is-guest .gate>h2{font-size:22px;margin-top:35px}
@media(max-width:1020px){.auth-shell{grid-template-columns:minmax(0,1fr) 420px;gap:16px}.auth-visual{padding:30px}}
@media(max-width:800px){.auth-shell{grid-template-columns:1fr;max-width:475px;min-height:0}
 .auth-visual{display:none}.is-guest .viewport{padding:18px}
 .is-guest .gate{padding:35px 28px}}