:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#18243c;background:#f5f6fa}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #f5c842;outline-offset:2px}.shell{display:grid;grid-template-columns:257px minmax(0,1fr);min-height:100dvh}.sidebar{background:#11182b;color:#18cde8;padding:27px 17px;display:flex;flex-direction:column;min-height:100dvh;position:sticky;top:0;height:100dvh}.brand{display:flex;align-items:center;gap:12px;padding:0 9px;margin-bottom:43px}.symbol{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(140deg,#f5c842,#f5c842);font-size:28px}.brand strong{letter-spacing:.5px;font-size:14px}.brand small{display:block;letter-spacing:1.6px;font-size:9px;color:#acb5cb;margin-top:2px}.aside-label{font-size:10px;letter-spacing:2px;color:#77859f;padding:0 13px;margin-bottom:15px;font-weight:800}nav{display:grid;gap:4px}nav button{width:100%;background:transparent;border:0;border-radius:10px;color:#b8c3d9;padding:13px;text-align:left;font-weight:650;font-size:13px;display:flex;gap:12px;align-items:center}nav button.active,nav button:hover{background:#292f4b;color:#fff}nav .ico{font-size:18px;width:22px;text-align:center}.sidebar-bottom{margin-top:auto;border-top:1px solid #29334b;padding:23px 12px;color:#95a2bf;font-size:12px}.sidebar-bottom a{color:#ffe38a;text-decoration:none}.dot{display:inline-block;width:7px;height:7px;background:#47d6af;border-radius:100%;margin-right:7px}.main{min-width:0}.head{display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid #e8eaf0;padding:28px 37px;gap:20px}.crumb{font-size:10px;font-weight:800;letter-spacing:1.4px;color:#9ca5b6;margin:0 0 8px}.head h1{font-size:25px;letter-spacing:-.8px;margin:0}.head-right{display:flex;align-items:center;gap:13px}.env{background:#ffedf2;color:#d84669;padding:8px 11px;border-radius:99px;font-size:10px;font-weight:800}.operator{font-weight:800;font-size:12px}.light-button{border:1px solid #e1e4ed;background:white;border-radius:9px;padding:10px 13px;color:#3c4660;font-weight:650}.light-button:hover{background:#ffe38a}.viewport{padding:32px 37px;max-width:1550px}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin:24px 0}.metric{padding:22px;background:white;border:1px solid #e8eaf1;border-radius:15px;box-shadow:0 6px 25px #2735520a}.metric .label{font-size:12px;color:#828b9b;font-weight:650}.metric b{display:block;font-size:32px;letter-spacing:-1px;margin:12px 0 4px}.metric small{color:#a2a6b3}.section{background:white;border:1px solid #e5e8f0;border-radius:16px;padding:24px;margin-bottom:18px;overflow-x:auto}.section h2{margin:0 0 14px;font-size:17px}.section p{color:#7d899d}table{width:100%;border-collapse:collapse;min-width:640px}th{text-transform:uppercase;letter-spacing:.7px;font-size:10px;color:#929caf;font-weight:800;text-align:left;background:#f7f8fb;padding:14px 12px}td{padding:14px 12px;border-bottom:1px solid #edf0f5;font-size:12px}td strong{font-size:12px}.pill{display:inline-block;border-radius:30px;background:#e9f8f1;color:#169b68;font-size:11px;padding:6px 10px;font-weight:750}.pill.wait{background:#fff1dc;color:#ac6d12}.pill.closed{background:#18cde8;color:#788299}.action{background:#f5c842;color:white;border:0;border-radius:9px;padding:8px 12px;font-size:11px;font-weight:800;margin-right:5px}.action.danger{background:#ffe38a;color:#b87914}.search{padding:11px 14px;border:1px solid #d8dce9;border-radius:10px;width:min(370px,100%)}.toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}.muted{color:#919baa;font-size:12px}#notice{position:fixed;right:25px;bottom:25px;z-index:10}.toast{background:#18243c;color:white;border-radius:12px;padding:15px 19px;box-shadow:0 18px 50px #111b3540}.gate{width:min(470px,100%);margin:8vh auto;background:white;border:1px solid #e8ebf2;border-radius:20px;padding:30px}.gate h2{margin:0 0 14px}.gate form{display:grid;gap:14px}.gate input{padding:13px;border:1px solid #d5dbea;border-radius:10px}.gate button{background:#f5c842;color:white;padding:13px;border:0;border-radius:10px;font-weight:800}@media(max-width:850px){.shell{grid-template-columns:75px minmax(0,1fr)}.sidebar{padding:18px 9px}.brand div,.aside-label,.sidebar-bottom,nav button span:not(.ico){display:none}.brand{padding:0;margin-bottom:33px}nav button{justify-content:center;padding:12px}.viewport{padding:18px}.head{padding:19px}.head-right{gap:5px}.operator{display:none}}@media(max-width:540px){.head h1{font-size:20px}.env{display:none}.metric{padding:16px}.section{padding:12px}.metrics{grid-template-columns:repeat(2,1fr)}}
/* ARYA Live V2 — unified dark pink identity (staging) */
:root{color-scheme:dark;font-family:system-ui,"Segoe UI",Arial,sans-serif;color:#ffe38a;background:#07111f}
body{background:#07111f;color:#ffe38a}
.shell{background:#07111f}
.sidebar{background:#07111f;border-right:1px solid #172d48;color:#fff}
.brand strong{font-size:19px;color:#f5c842;letter-spacing:-.9px}
.brand small{color:#f5c842;letter-spacing:1.1px}
.brandicon{border-radius:12px;flex-shrink:0}
.sidebar-bottom{border-color:#172d48}
.sidebar-bottom a{color:#ffe38a}
.aside-label{color:#f5c842}
nav button{color:#adbed0}
nav button.active,nav button:hover{background:#172d48;color:#f5c842}
.head{background:#07111f;border-bottom:1px solid #172d48}
.head h1{color:#fff}
.crumb{color:#f5c842}
.main{background:#07111f}
.env{background:#172d48;color:#f5c842}
.operator{color:#ffe38a}
.light-button{color:#ffe38a;background:#0f2036;border:1px solid #b87914}
.light-button:hover{background:#172d48}
.metric,.section,.gate,article{background:#0f2036;border-color:#adbed0;box-shadow:0 8px 25px #0003;color:#fff}
.metric .label,.metric small,.section p,.muted{color:#adbed0}
.metric b{color:#fff}
.section h2{color:#fff}
table th{background:#172d48;color:#ffe38a}
td{border-color:#172d48;color:#ffe38a}
.pill{background:#173327;color:#95e4ac}.pill.wait{background:#4a341c;color:#ffce84}.pill.closed{background:#b87914;color:#ffa4be}
.action,.gate button{background:linear-gradient(125deg,#f5c842,#b87914);color:#fff}
.action.danger{background:#b87914;color:#ffe38a}
input,textarea,select,.gate input,.search{background:#0f2036;border:1px solid #adbed0;color:#fff;border-radius:10px;padding:11px}
.formline{display:flex;gap:10px;flex-wrap:wrap}.formline>*{flex:1;min-width:160px}
.posform{display:grid;gap:17px;max-width:640px}.posform label{display:grid;gap:7px;color:#adbed0}.posform button{width:max-content}
.brand-login{display:flex;align-items:center;gap:16px}.brand-login h2{color:#f5c842}.brand-login small{font-size:12px;color:#adbed0;display:block}
.gate{background:#0f2036;border-color:#b87914}
.gate button{border-radius:9px}
.verified{display:inline-flex;align-items:center;justify-content:center;background:#18cde8;color:#0a1829;border-radius:100px;font-size:11px;font-weight:900;margin-left:7px;width:16px;height:16px;vertical-align:middle}
article{border-radius:14px;padding:20px;margin:14px 0}
article textarea{display:block;margin:12px 0;width:100%;min-height:74px}
#notice .danger{border:1px solid #b87914}
@media(max-width:920px){.shell{grid-template-columns:77px minmax(0,1fr)}.brand strong,.brand small,.aside-label,.sidebar-bottom,nav button span:not(.ico){display:none}.brand{justify-content:center}.viewport{padding:17px}.head{padding:16px}}


/* Second concept: charcoal panels, restrained neon-pink, music A emblem. */
:root{--hot:#f5c842;--pink-soft:#ffe38a;color-scheme:dark}
.brand strong{color:#ffe38a!important;letter-spacing:-1px}
.brand strong em{color:var(--hot);font-style:normal}
.brandicon{border:1px solid #b87914;box-shadow:0 5px 20px #f5c84240}
.sidebar{background:#07111f}
nav button.active{background:#172d48;color:#f5c842;border-left:3px solid var(--hot)}
.crumb{color:#ffe38a}
.action,.gate button{background:var(--hot);color:#07111f}
.action:hover,.gate button:hover{filter:brightness(1.15)}
.action.danger{background:#b87914;color:#ffe38a}
.light-button:focus-visible,nav button:focus-visible{outline:2px solid var(--hot)}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--hot);outline-offset:1px}
.metric:hover{border-color:#b87914;transition:border-color .17s}
table tbody tr:hover{background:#0f2036}


/* ARYA CONTROL V3 compatibility layout - 2026-10-21 */
:root{color-scheme:dark;--ac-bg:#07111f;--ac-panel:#0f2036;--ac-edge:#172d48;--ac-accent:#f5c842}
html,body{background:var(--ac-bg)!important;color:#ffe38a!important}
.shell{display:grid!important;grid-template-columns:252px minmax(0,1fr)!important;min-height:100vh;background:var(--ac-bg)}
.sidebar{background:#07111f!important;border-right:1px solid #172d48!important;padding:22px 14px!important;min-width:0}
.main{background:var(--ac-bg)!important;min-width:0}
.head{background:#07111f!important;color:#ffe38a!important;border-bottom:1px solid #172d48!important;padding:20px 28px!important;min-height:86px;gap:18px}
.head h1{font-size:22px!important;line-height:1.25!important;margin:5px 0!important;color:#fff}
.head-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.viewport{padding:26px 30px!important;max-width:none!important;min-width:0}
#nav,.sidebar nav{display:flex!important;flex-direction:column!important;gap:4px!important}
.nav-section{margin-bottom:16px}
.nav-section-label{color:#adbed0;font-size:10px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;margin:14px 12px 9px}
.nav-item,.sidebar nav .nav-item{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:46px!important;padding:10px 12px!important;border:1px solid transparent!important;border-radius:12px!important;background:transparent!important;text-align:left!important;color:#adbed0!important;font-size:12px!important;font-weight:650!important}
.nav-item:hover{background:#0f2036!important;color:white!important}
.nav-item.active,.sidebar nav .nav-item.active{background:#172d48!important;border-color:#b87914!important;color:#ffe38a!important}
.nav-item svg,.sidebar nav svg{width:19px!important;height:19px!important;min-width:19px!important;max-width:19px!important;max-height:19px!important;flex:0 0 19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round;stroke-linejoin:round}
.nav-item span{min-width:0;white-space:normal}
.nav-count{margin-left:auto;background:#f5c842;color:#fff;border-radius:12px;padding:1px 6px;font-size:10px}
.is-guest #nav{opacity:.42;pointer-events:none}
.is-guest #logout{display:none!important}
.auth-shell{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(340px,440px)!important;align-items:center!important;gap:clamp(25px,5vw,90px);max-width:1180px;margin:0 auto!important;min-height:calc(100vh - 160px)}
.auth-visual{min-width:0;padding:28px 12px}
.auth-visual-content{max-width:480px}
.auth-brandmark img{width:76px;height:76px;object-fit:contain}
.auth-kicker{font-size:11px;letter-spacing:2px;color:#f5c842;font-weight:800;margin:24px 0 16px}
.auth-visual h2{font-size:clamp(26px,3vw,44px)!important;line-height:1.17!important;color:#fff;margin:0 0 19px}
.auth-visual h2 em{color:#f5c842;font-style:normal}
.auth-visual p{color:#adbed0;line-height:1.7}
.auth-highlights{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.auth-highlights span{border:1px solid #adbed0;border-radius:30px;padding:8px 12px;font-size:12px;background:#0f2036}
.gate{width:100%!important;max-width:440px!important;background:linear-gradient(155deg,#0f2036,#0f2036)!important;border:1px solid #b87914!important;border-radius:22px!important;padding:30px!important;box-shadow:0 25px 80px #0005;margin:0!important}
.brand-login{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.brand-login img{height:54px;width:54px}
.brand-login h2{font-size:24px!important;color:#f5c842!important;margin:0!important}
.brand-login h2 small{display:block;font-size:10px;letter-spacing:1px;color:#adbed0}
.gate>h2{font-size:23px!important;color:#fff!important;margin:0 0 12px!important}
.gate p,.gate-note{font-size:13px;line-height:1.65;color:#adbed0}
#gate{display:flex;flex-direction:column;gap:14px;margin-top:22px}
#gate label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:650;color:#adbed0}
#gate input{display:block;width:100%;min-height:46px;padding:11px 13px;color:#fff;background:#172d48;border:1px solid #adbed0;border-radius:10px}
#gate input:focus{outline:2px solid #f5c842;outline-offset:1px}
#gate button{width:100%;min-height:48px;background:#f5c842;color:#07111f;border:0;border-radius:10px;font-weight:800}
#gate button:hover{background:#f5c842}
.metric-icon svg,.hero svg{max-width:24px;max-height:24px}
@media(max-width:1000px){.auth-shell{grid-template-columns:1fr!important;gap:18px;min-height:auto}.auth-visual{display:none!important}.gate{margin:35px auto!important}}
@media(max-width:760px){.shell{grid-template-columns:1fr!important}.sidebar{position:fixed!important;inset:0 auto 0 0;width:260px;transform:translateX(-110%);z-index:50;transition:transform .2s;overflow:auto}.shell.nav-open .sidebar{transform:translateX(0)}.viewport{padding:18px!important}.head{padding:16px!important}.gate{padding:22px!important}#navToggle{display:block!important}}
@media(min-width:761px){#navToggle{display:none!important}}
/* Independent, wheel-scrollable sidebar navigation */
.sidebar{overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#adbed0 transparent;}
.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#adbed0;border-radius:8px}
#nav{flex:0 0 auto;min-height:min-content}.sidebar-bottom{flex-shrink:0}



/* ARYA CONTROL V3 premium component repair | 2026-10-21 */
#content{min-width:0;width:100%;max-width:100%}
#content>.section,#content>.metrics,#content>.gift-store-intro{min-width:0;max-width:100%}
#content .section{overflow-x:auto}
#content .section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}
#content .section-intro{line-height:1.7;max-width:920px}
#content .toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#content .toolbar button,#content .gift-tab{border:1px solid #b87914;background:#0f2036;color:#ffe38a;border-radius:9px;padding:9px 14px;min-height:36px;font-size:12px;font-weight:650}
#content .gift-tab.selected,#content .gift-tab:hover{background:#f5c842;color:#07111f;border-color:#f5c842}
#content .gift-filters{gap:8px;margin:12px 0 16px}
#content .search{min-height:44px;background:#0f2036}
#content .gift-store-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:24px;padding:26px;background:linear-gradient(120deg,#0f2036,#11101d);border:1px solid #b87914;border-radius:20px;margin-bottom:22px;overflow:hidden}
#content .gift-store-intro h2{font-size:clamp(25px,2.8vw,40px);letter-spacing:-1px;line-height:1.15;margin:10px 0 14px}
#content .gift-store-intro h2 em{font-style:normal;color:#f5c842}
#content .gift-store-intro p{color:#adbed0;line-height:1.65}
#content .gift-store-pills{display:flex;gap:8px;flex-wrap:wrap}
#content .gift-store-pills span{padding:8px 12px;border-radius:99px;background:#172d48;color:#ffe38a;font-size:12px}
#content .gift-feature-visual{min-width:0;border-radius:16px;background:#07111f;border:1px solid #adbed0;overflow:hidden;display:flex;flex-direction:column;gap:5px;align-items:center;padding:14px}
#content .arya-whale-feature{width:100%;height:220px;max-width:100%;display:block;object-fit:cover;border-radius:12px}
#content .gift-feature-visual strong{font-size:18px}
#content .gift-feature-visual span{font-size:12px;color:#ffd19a}
#content .info-strip{padding:13px 17px;border-radius:12px;margin:0 0 20px;font-size:12px;line-height:1.6}
#content .info-strip.warn{background:#34231b;border:1px solid #7f5132;color:#ffdaad}
#content .premium-gift-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,205px),1fr))!important;gap:18px!important;align-items:stretch;width:100%;min-width:0}
#content .premium-gift-tile{position:relative;display:flex!important;flex-direction:column!important;gap:9px;min-width:0;width:auto!important;max-width:100%!important;margin:0!important;padding:12px!important;overflow:hidden;background:linear-gradient(165deg,#0f2036,#07111f)!important;border:1px solid #b87914!important;border-radius:16px!important;box-shadow:0 12px 32px #0003!important}
#content .premium-gift-tile.legendary{border-color:#a87139!important;background:linear-gradient(160deg,#3a251f,#0f2036 55%,#07111f)!important}
#content .premium-gift-frame{position:relative;width:100%!important;max-width:100%!important;aspect-ratio:4/5!important;height:auto!important;min-height:0!important;overflow:hidden!important;display:flex;align-items:center;justify-content:center;border-radius:12px;background:radial-gradient(ellipse at center,#b87914,#07111f);isolation:isolate}
#content .premium-gift-frame img,#content .premium-gift-frame canvas,#content .premium-gift-frame video{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;position:absolute;inset:0}
#content .premium-gift-tile>strong{display:block;font-size:15px;line-height:1.4;color:#fff;overflow-wrap:anywhere}
#content .premium-gift-price{font-size:14px;font-weight:800;color:#ffd477}
#content .premium-gift-tile>small{color:#f5c842}
#content .gift-preview-button{margin-top:auto;width:100%;min-height:39px;padding:8px 10px;background:linear-gradient(115deg,#f5c842,#b87914);border:0;border-radius:10px;color:#fff;font-weight:750;font-size:12px}
#content .gift-preview-button:hover{filter:brightness(1.15)}
#content .arya-gift-add-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1050px}
#content .arya-gift-add-form label,#content .posform label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:650;color:#ffe38a;min-width:0}
#content .arya-gift-add-form input,#content .arya-gift-add-form select,#content .posform input,#content .posform select{display:block;width:100%;min-width:0;min-height:42px}
#content .arya-gift-add-form button{grid-column:1/-1;width:max-content;max-width:100%}
#content input[type=file]{width:min(100%,480px);max-width:100%;padding:9px}
#content #giftAdminTable{max-width:100%;overflow-x:auto}
#content #giftAdminTable table{min-width:860px}
#content .gift-admin-art{display:flex;align-items:center;justify-content:center;width:54px;height:54px;background:#0f2036;border:1px solid #adbed0;border-radius:12px;overflow:hidden}
#content .gift-admin-icon{width:100%;height:100%;object-fit:contain}
#content .gift-admin-emoji{font-size:25px}
#content td input,#content td select{max-width:260px}
#content .metrics .metric{min-width:0}
#content .metrics .metric b{font-size:clamp(20px,2vw,30px)}
#content button{transition:background .15s ease,filter .15s ease}
#content button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1040px){#content .gift-store-intro{grid-template-columns:1fr}#content .arya-whale-feature{height:180px}#content .premium-gift-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr))!important}}
@media(max-width:640px){#content .premium-gift-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}#content .premium-gift-tile{padding:9px!important}#content .gift-preview-button{font-size:11px}#content .arya-gift-add-form{grid-template-columns:1fr}#content .gift-store-intro{padding:17px}#content .gift-store-intro h2{font-size:25px}}
@media(max-width:360px){#content .premium-gift-grid{grid-template-columns:1fr!important}}

/* AMON RA official identity */
:root{--brand-gold:#f5c842;--brand-cyan:#18cde8}.sidebar{background:#07111f}.brandicon,.auth-brandmark img,.brand-login img{object-fit:contain;background:#fff;border-radius:12px}.brandicon{width:58px;height:58px}nav button.active{background:#f5c84218;color:#ffe38a}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#18cde8}.symbol{background:linear-gradient(120deg,#ffe38a,#f5c842);color:#07111f}

/* Layout compatibility for the current control HTML */
.app-shell{display:grid;grid-template-columns:257px minmax(0,1fr);min-height:100dvh}.app-shell>.sidebar{position:sticky;top:0;height:100dvh}.brand{text-decoration:none;color:#f5f7fa}.brand-name small{display:block}.workspace-switch{display:flex;gap:10px;align-items:center;padding:16px 10px;margin-bottom:22px;font-size:12px}.workspace-switch small{display:block;color:#adbed0}.workspace-square{padding:9px;background:#f5c842;color:#07111f;border-radius:8px}.nav-caption,.nav-group-label{font-size:10px;letter-spacing:1.5px;color:#adbed0;padding:12px}.head-left,.head-right{display:flex;align-items:center;gap:12px}.icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.mobile-menu{display:none}.content-area{min-width:0}.app-footer{padding:22px 32px;display:flex;justify-content:space-between;font-size:11px;color:#adbed0}.is-guest .app-shell{display:block}.is-guest .sidebar,.is-guest .head,.is-guest .app-footer{display:none!important}.is-guest .viewport{padding:0!important}.is-guest .main{min-height:100dvh;background:#07111f;color:#f5f7fa}.auth-shell{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;max-width:1440px;margin:auto}.auth-visual{display:flex;align-items:center;padding:7vw;background:radial-gradient(ellipse at 50% 25%,#17314b,transparent 65%)}.auth-visual-content{max-width:480px}.auth-brandmark img{width:156px;height:156px}.auth-kicker{font-size:11px;letter-spacing:2px;color:#f5c842;margin-top:28px}.auth-visual h2{font-size:clamp(30px,3.5vw,53px);letter-spacing:-1.5px;line-height:1.1;color:#f5f7fa}.auth-visual h2 em{font-style:normal;color:#f5c842}.auth-visual p{line-height:1.8;color:#adbed0}.auth-highlights{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:#18cde8}.auth-shell>.gate{align-self:center;max-width:500px;width:calc(100% - 64px);margin:40px auto;padding:36px!important;background:#0f2036!important;color:#f5f7fa!important;border:1px solid #adbed026;border-radius:24px}.brand-login{display:flex;align-items:center;gap:16px;margin-bottom:30px}.brand-login img{width:72px;height:72px}.brand-login h2{font-size:24px}.brand-login em{font-style:normal;color:#f5c842}.brand-login small{display:block;font-size:10px;letter-spacing:3px;color:#adbed0}.auth-shell .gate h2{color:#f5f7fa}.auth-shell .muted,.gate-note{color:#adbed0!important;line-height:1.7}.auth-shell form{display:grid;gap:18px;margin-top:28px}.auth-shell label{display:grid;gap:9px;font-size:13px;color:#adbed0}.auth-shell input{width:100%;padding:14px;border:1px solid #adbed040;border-radius:11px;background:#07111f;color:#f5f7fa}.auth-shell form button{padding:15px;background:linear-gradient(120deg,#ffe38a,#f5c842);color:#07111f!important;font-weight:800;border:0;border-radius:11px}.gate-note{font-size:11px;margin-top:20px}@media(max-width:800px){.auth-shell{grid-template-columns:1fr}.auth-visual{padding:32px 28px}.auth-brandmark img{width:90px;height:90px}.auth-visual h2{font-size:32px}.auth-shell>.gate{width:calc(100% - 32px);margin:0 auto 28px}.app-shell{grid-template-columns:1fr}.app-shell>.sidebar{display:none}.app-footer{display:block}}