:root,:root[data-theme=dark]{--bg0:#0c0d12;--bg1:#13151c;--bg2:#1a1e29;--text:#fffffff2;--muted:#ffffffa3;--glass-bg:#ffffff0b;--glass-bg-2:#ffffff13;--glass-bg-3:#ffffff1c;--glass-bg-4:#ffffff29;--glass-border:#ffffff1f;--glass-border-2:#ffffff12;--glass-highlight:#ffffff47;--shadow:#00000057;--shadow-soft:#00000038;--accent:#007aff3d;--accent-strong:#007aff6b;--danger:#ff6b6b}:root[data-theme=clear]{--bg0:#eef3f9;--bg1:#f8fbff;--bg2:#e7edf6;--text:#0f172af2;--muted:#0f172a94;--glass-bg:#ffffff57;--glass-bg-2:#ffffff80;--glass-bg-3:#ffffffad;--glass-bg-4:#ffffffd1;--glass-border:#0f172a1a;--glass-border-2:#0f172a0f;--glass-highlight:#fffc;--shadow:#0f172a24;--shadow-soft:#0f172a1a;--accent:#007aff24;--accent-strong:#007aff3d;--danger:#d70015}*{box-sizing:border-box}html,body,#root{min-height:100%}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;color:var(--text);background:radial-gradient(1200px 760px at 8% 10%, #007aff1c, transparent 50%), radial-gradient(1000px 760px at 88% 14%, #a855f714, transparent 56%), radial-gradient(900px 680px at 50% 100%, #34d39912, transparent 56%), linear-gradient(135deg, var(--bg0) 0%, var(--bg1) 54%, var(--bg2) 100%);background-attachment:fixed;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif}a,button,input,select,textarea{font:inherit}img{max-width:100%}::selection{background:var(--accent)}h1,h2,h3,h4{letter-spacing:-.02em}p{line-height:1.45}*{scrollbar-width:thin;scrollbar-color:#ffffff38 transparent}:root[data-theme=clear] *{scrollbar-color:#0f172a33 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff38 padding-box padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff52 padding-box padding-box;border:2px solid #0000}:root[data-theme=clear] ::-webkit-scrollbar-thumb{background:#0f172a2e padding-box padding-box;border:2px solid #0000}:root[data-theme=clear] ::-webkit-scrollbar-thumb:hover{background:#0f172a47 padding-box padding-box;border:2px solid #0000}input,select,textarea{border:1px solid var(--glass-border);background:linear-gradient(to bottom right, var(--glass-bg-3), var(--glass-bg-2));width:100%;color:var(--text);-webkit-backdrop-filter:blur(18px);border-radius:16px;outline:none;margin-top:6px;padding:12px 14px;transition:border-color .18s,box-shadow .18s,background .18s,transform .18s}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus,select:focus,textarea:focus{border-color:var(--accent-strong);box-shadow:0 0 0 4px var(--accent);transform:translateY(-1px)}textarea{resize:vertical}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:36px}select option{color:#fffffff0;background:#1a1e29}:root[data-theme=clear] select option{color:#0f172af2;background:#f4f7fb}button{border:1px solid var(--glass-border);background:linear-gradient(to bottom, var(--glass-bg-3), var(--glass-bg));width:100%;color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(14px);box-shadow:0 12px 28px var(--shadow-soft), inset 0 1px 0 var(--glass-highlight);border-radius:999px;padding:12px 14px;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s,opacity .16s}button:hover{box-shadow:0 14px 30px var(--shadow), inset 0 1px 0 var(--glass-highlight);transform:translateY(-1px)}button:active{transform:scale(.985)}button:disabled{opacity:.62;cursor:not-allowed;box-shadow:none}.error{color:var(--danger);margin-top:12px;font-size:13px}.auth-page{place-items:center;min-height:100vh;padding:24px;display:grid}.glass-card{background:linear-gradient(to bottom right, var(--glass-bg-3), var(--glass-bg-2));border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(28px)saturate(155%);width:380px;max-width:calc(100vw - 48px);box-shadow:0 24px 60px var(--shadow), inset 0 1px 0 var(--glass-highlight);border-radius:28px;padding:34px}.login-logo{justify-content:center;margin-bottom:22px;display:flex}.login-logo img{object-fit:contain;filter:drop-shadow(0 14px 28px #00000059);opacity:0;background:0 0;border:none;width:180px;height:auto;padding:0;transition:opacity .5s cubic-bezier(.2,.8,.2,1),transform .5s cubic-bezier(.2,.8,.2,1);transform:translateY(8px)}.login-card.is-mounted .login-logo img{opacity:1;transform:translateY(0)}.app-shell{grid-template-columns:290px minmax(0,1fr);align-items:start;gap:18px;min-height:100vh;padding:18px;display:grid}.sidebar{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(28px)saturate(150%);height:calc(100vh - 36px);box-shadow:0 24px 54px var(--shadow-soft), inset 0 1px 0 var(--glass-highlight);scrollbar-width:thin;scrollbar-color:#ffffff3d transparent;background:linear-gradient(to bottom right,#ffffff0f,#ffffff06);border-radius:28px;align-self:start;padding:18px;position:sticky;top:18px;overflow:hidden auto}:root[data-theme=clear] .sidebar{scrollbar-color:#0f172a38 transparent}.sidebar::-webkit-scrollbar{width:10px}.sidebar::-webkit-scrollbar-track{background:0 0;border-radius:999px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff38 padding-box padding-box;border:2px solid #0000;border-radius:999px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff52 padding-box padding-box;border:2px solid #0000}:root[data-theme=clear] .sidebar::-webkit-scrollbar-thumb{background:#0f172a2e padding-box padding-box;border:2px solid #0000}:root[data-theme=clear] .sidebar::-webkit-scrollbar-thumb:hover{background:#0f172a47 padding-box padding-box;border:2px solid #0000}.brand{justify-content:center;align-items:center;margin-bottom:12px;padding:10px 0 12px;display:flex;color:#0000!important;font-size:0!important;line-height:0!important}.logo{object-fit:contain;filter:drop-shadow(0 16px 30px #00000047);background:0 0!important;border:none!important;width:176px!important;height:auto!important;padding:0!important}.sidebar-section{margin:12px 0 16px}.sidebar-label{letter-spacing:.08em;text-transform:uppercase;opacity:.58;margin-bottom:8px;padding-left:2px;font-size:11px;font-weight:700}.lang{gap:8px;display:flex}.lang button{border-radius:14px;width:auto;padding:9px 12px}.nav{gap:12px;margin-top:14px;padding-bottom:4px;display:grid}.nav .sidebar-section{gap:9px;margin-top:2px;margin-bottom:4px;display:grid}.nav .sidebar-section .sidebar-label{margin-bottom:0}.nav a{width:100%;color:var(--text);border:1px solid var(--glass-border-2);box-shadow:inset 0 1px 0 #ffffff1f, 0 10px 22px var(--shadow-soft);background:linear-gradient(to bottom right,#ffffff0e,#ffffff08);border-radius:18px;padding:12px 14px;text-decoration:none;transition:background .16s,border-color .16s,transform .16s,box-shadow .16s;display:block}.nav a:hover{border-color:var(--glass-border);background:linear-gradient(to bottom right,#ffffff16,#ffffff0b);transform:translateY(-1px)}.nav a.active{border-color:var(--accent-strong);box-shadow:0 12px 24px var(--shadow-soft), inset 0 1px 0 #ffffff2e;background:linear-gradient(to bottom right,#007aff2e,#007aff0f)}.nav a.danger{background:#ff6b6b14;border-color:#ff6b6b2e}.main{min-width:0;min-height:calc(100vh - 36px);padding:4px 0}.glass-panel{background:linear-gradient(to bottom right, var(--glass-bg-3), var(--glass-bg));border:1px solid var(--glass-border);box-shadow:0 18px 40px var(--shadow-soft), inset 0 1px 0 var(--glass-highlight);-webkit-backdrop-filter:blur(22px)saturate(145%)}.glass-pill{border:1px solid var(--glass-border);background:linear-gradient(to bottom, var(--glass-bg-3), var(--glass-bg));box-shadow:0 10px 22px var(--shadow-soft), inset 0 1px 0 var(--glass-highlight);-webkit-backdrop-filter:blur(18px);border-radius:999px}.segmented{border:1px solid var(--glass-border);background:var(--glass-bg);box-shadow:0 10px 22px var(--shadow-soft), inset 0 1px 0 var(--glass-highlight);-webkit-backdrop-filter:blur(18px);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.segmented button{width:auto;min-width:88px;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:999px;padding:8px 12px}.segmented button.active{background:var(--glass-bg-3);border-color:var(--glass-border);box-shadow:0 8px 18px var(--shadow-soft), inset 0 1px 0 var(--glass-highlight)}.glass-select{width:100%;position:relative}.glass-select-button{border:1px solid var(--glass-border);background:linear-gradient(to bottom right, var(--glass-bg-3), var(--glass-bg-2));width:100%;color:var(--text);cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 28px var(--shadow-soft), inset 0 1px 0 var(--glass-highlight);border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin-top:6px;padding:12px 14px;transition:border-color .18s,box-shadow .18s,transform .18s,background .18s;display:flex}.glass-select-button:hover{border-color:var(--glass-border);transform:translateY(-1px)}.glass-select-button.open{z-index:3001;border-color:var(--accent-strong);box-shadow:0 0 0 4px var(--accent), 0 14px 30px var(--shadow-soft), inset 0 1px 0 var(--glass-highlight);position:relative}.glass-select-button.disabled{opacity:.6;cursor:not-allowed}.glass-select-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.glass-select-chevron{opacity:.7;flex-shrink:0;transition:transform .18s}.glass-select-button.open .glass-select-chevron{transform:rotate(180deg)}.glass-select-menu{z-index:3000;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(24px)saturate(165%);background:linear-gradient(to bottom right,#181c26f5,#222734f0);border-radius:20px;max-height:300px;padding:8px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden auto;box-shadow:0 26px 50px #0000006b,0 8px 18px #00000038,inset 0 1px #ffffff1a}:root[data-theme=clear] .glass-select-menu{background:linear-gradient(to bottom right,#f5f8fcf5,#e9eff7f2);box-shadow:0 24px 42px #0f172a29,0 8px 18px #0f172a1a,inset 0 1px #ffffffb8}.glass-select-search{z-index:2;background:inherit;margin:0 0 8px;padding-bottom:8px;position:sticky;top:0}.glass-select-search input{background:linear-gradient(to bottom right, var(--glass-bg-4), var(--glass-bg-3));margin-top:0}.glass-select-option{text-align:left;width:100%;color:var(--text);cursor:pointer;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:14px;padding:11px 12px;transition:background .14s,border-color .14s,transform .14s;display:block}.glass-select-option:hover{background:linear-gradient(to bottom right, var(--glass-bg-4), var(--glass-bg-3));border-color:var(--glass-border);transform:translateY(-1px)}.glass-select-option.selected{border-color:var(--accent-strong);background:linear-gradient(to bottom right,#007aff3d,#007aff1a)}.glass-select-empty{color:var(--muted);padding:12px;font-size:13px}.glass-select-menu::-webkit-scrollbar{width:10px}.glass-select-menu::-webkit-scrollbar-track{background:0 0;border-radius:999px}.glass-select-menu::-webkit-scrollbar-thumb{background:#ffffff38 padding-box padding-box;border:2px solid #0000;border-radius:999px}.glass-select-menu::-webkit-scrollbar-thumb:hover{background:#ffffff52 padding-box padding-box;border:2px solid #0000}:root[data-theme=clear] .glass-select-menu::-webkit-scrollbar-thumb{background:#0f172a2e padding-box padding-box;border:2px solid #0000}:root[data-theme=clear] .glass-select-menu::-webkit-scrollbar-thumb:hover{background:#0f172a47 padding-box padding-box;border:2px solid #0000}.glass-select-menu{scrollbar-width:thin;scrollbar-color:#ffffff3d transparent}:root[data-theme=clear] .glass-select-menu{scrollbar-color:#0f172a38 transparent}.main h2{margin:0 0 14px;font-weight:700}.main h3,.main h4{font-weight:650}.main>div>p,.main p{color:var(--muted)}.main ul{padding-left:20px}.main li{margin-bottom:6px}.main form,.main select,.main input,.main textarea,.main button{max-width:100%}.main>div>div[style*=borderRadius],.main>div>div[style*=border-radius]{transition:transform .16s,box-shadow .16s,border-color .16s}.main>div>div[style*=borderRadius]:hover,.main>div>div[style*=border-radius]:hover{border-color:var(--glass-border)}@media (width<=1180px){.app-shell{grid-template-columns:250px minmax(0,1fr)}}@media (width<=920px){.app-shell{grid-template-columns:1fr;gap:14px;padding:14px}.sidebar{height:auto;max-height:none;position:static;overflow:visible}.main{min-height:auto;padding:0}}@media (width<=760px){.auth-page{padding:16px}.glass-card{border-radius:24px;width:100%;max-width:100%;padding:24px}.main{overflow-x:hidden}.main>div{max-width:100%}.main form>div[style*=grid-template-columns],.main>div>div[style*=grid-template-columns]{grid-template-columns:1fr!important}.main div[style*="display: flex"]{flex-wrap:wrap}.main button{min-width:0}}@media (width<=720px){.segmented{justify-content:space-between;width:100%}.segmented button{flex:1;min-width:0}.lang{width:100%}.lang button{flex:1}.glass-select-menu{max-height:240px}}@media (width<=560px){.app-shell{gap:10px;padding:10px}.sidebar,.glass-panel,.glass-card{border-radius:22px}.logo{width:150px!important}.nav a{border-radius:16px;padding:11px 12px}.main{font-size:15px}.main h2{font-size:24px}.main h3{font-size:18px}.glass-select-button{border-radius:16px}input,select,textarea{border-radius:14px}}
