:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#ebf4ff;background:#07172e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#07172e}button,input,a{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ff9129;outline-offset:3px}svg{flex-shrink:0}.shell{min-height:100vh;display:flex;background:radial-gradient(ellipse at 100% 0,rgba(22,83,153,.19),transparent 45%),#07162d}.brand{display:flex;align-items:baseline;font-style:italic;letter-spacing:-2.6px;white-space:nowrap}.brand-hg{font-size:37px;font-weight:800;position:relative;color:#fff}.brand-slash{position:absolute;bottom:-5px;left:-4px;width:70px;height:7px;background:#fe7a08;transform:skew(-35deg);clip-path:polygon(25% 0,100% 0,88% 100%,0 100%)}.brand-tools{font-size:29px;font-weight:650;letter-spacing:-2.2px;color:#fff}.sidebar{width:268px;flex-shrink:0;background:linear-gradient(180deg,#081a34,#061429);border-right:1px solid #1c3351;padding:37px 21px 28px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.sidebar-brand{padding:8px 16px 48px}.side-label{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#6e86a3;padding:0 19px;margin-bottom:15px}.settings-label{margin-top:36px}.nav-item{min-height:49px;padding:11px 16px;display:flex;align-items:center;gap:13px;color:#9bacc7;font-size:14px;font-weight:550;border-radius:11px;margin-bottom:5px;transition:.2s}.nav-item:hover{background:#12294c;color:#fff}.nav-item.active{color:#fff;background:linear-gradient(105deg,#fe8a11,#ff5d00);box-shadow:0 8px 24px #f9660a26}.side-bottom{margin-top:auto;padding:20px 13px 0;border-top:1px solid #1c304a;font-size:12px;color:#7f91ab;display:flex;align-items:center;gap:9px}.mini-status{display:inline-block;width:6px;height:6px;border-radius:100%;background:#48c88f}.version{margin-left:auto;color:#657a97}.main-wrap{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:96px;padding:0 clamp(22px,4vw,65px);border-bottom:1px solid #1e3151;display:flex;align-items:center;justify-content:space-between;background:#07172d8c}.top-left,.top-right{display:flex;align-items:center;gap:23px}.topbar-logo .brand-hg{font-size:29px}.topbar-logo .brand-tools{font-size:23px}.topbar-logo .brand-slash{width:56px;height:5px}.topbar-divider{height:26px;width:1px;background:#46617e}.topbar-title{font-weight:600;color:#9babca}.icon-btn{border:0;background:none;color:#b8cbe2;display:grid;place-items:center;padding:9px;border-radius:10px}.icon-btn:hover{background:#153252}.menu-btn{display:none}.profile-wrap{position:relative}.profile-btn{display:flex;align-items:center;gap:11px;background:transparent;color:#e8effd;border:0;border-radius:12px;padding:8px}.profile-btn:hover{background:#102844}.avatar{width:37px;height:37px;border-radius:50%;background:linear-gradient(160deg,#33547f,#1d345a);display:grid;place-items:center;color:#dfeefe;font-weight:700;font-size:13px}.profile-name{font-weight:600;font-size:13px}.profile-menu{position:absolute;right:0;top:calc(100% + 9px);background:#122843;min-width:255px;z-index:6;border-radius:15px;padding:7px;border:1px solid #385072;box-shadow:0 18px 60px #0008}.menu-identity{padding:12px 13px 14px;border-bottom:1px solid #2a4263;display:flex;flex-direction:column;gap:3px}.menu-identity strong{font-size:13px}.menu-identity small{font-size:11px;color:#879fbf}.profile-menu a,.profile-menu button{width:100%;border:0;display:flex;align-items:center;gap:12px;background:none;text-align:left;padding:13px;color:#dce7fa;font-size:13px;border-radius:9px}.profile-menu a:hover,.profile-menu button:hover{background:#193958}.content{width:min(1150px,100%);margin:0 auto;flex:1;padding:56px clamp(20px,4vw,64px) 65px}.welcome{display:flex;align-items:center;gap:22px;margin:0 0 75px}.welcome-mark{height:82px;width:82px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(140deg,#ff9f18,#fc5a01);box-shadow:0 15px 45px #f46b0028;color:#fff}.eyebrow{margin:0 0 8px;color:#6d9ac6;font-size:11px;font-weight:800;letter-spacing:2.1px}.welcome h1{font-size:clamp(26px,3vw,38px);margin:0;letter-spacing:-.8px}.welcome h1 span{color:#ff8617}.subtitle{color:#91a5c3;font-size:15px;margin:10px 0 0}.section-bar{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:24px}.section-bar h2{font-size:25px;letter-spacing:-.5px;margin:0 0 5px}.section-bar p{font-size:13px;color:#7f99b7;margin:0}.search-box{display:flex;align-items:center;gap:11px;border:1px solid #385170;background:#142a47;border-radius:24px;color:#a1b2cc;padding:0 16px;width:min(300px,100%);height:46px}.search-box input{border:0;outline:none;background:transparent;width:100%;font-size:13px;color:#f4f9ff}.search-box input::placeholder{color:#88a1be}.app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.app-card{border:1px solid #2f5278;background:linear-gradient(140deg,#163a66,#102641);border-radius:19px;min-height:181px;padding:29px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;transition:transform .2s,border .2s}.app-card:hover{transform:translateY(-4px);border-color:#ff8516}.app-icon{color:#6ad4f9}.app-card strong{font-size:15px}.app-caption{font-size:11px;color:#99aec7}.empty-card{grid-column:1/-1;min-height:230px;border:1px dashed #3a5478;border-radius:20px;background:linear-gradient(130deg,#0f2d4ccc,#10223d8c);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:36px;color:#a6b9d4}.empty-icon{color:#65afec;padding-bottom:12px}.empty-card h3{margin:4px 0 8px;font-size:20px;color:#d9e9ff}.empty-card p{margin:0;max-width:410px;line-height:1.6;font-size:13px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:29px}.action-card{border:1px solid #274565;background:#10243e;padding:20px;display:flex;align-items:center;gap:14px;border-radius:15px;transition:background .2s}.action-card:hover{background:#173556}.action-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#243e5d;color:#ff9026}.action-card span:nth-child(2){display:flex;flex-direction:column;gap:4px}.action-card strong{font-size:14px}.action-card small{color:#89a0be;font-size:12px}.action-arrow{margin-left:auto;font-size:26px;color:#7493b4}.footer{display:flex;align-items:center;justify-content:space-between;color:#637f9f;border-top:1px solid #203855;padding:24px clamp(20px,4vw,65px);font-size:12px}.footer button{display:flex;align-items:center;gap:8px;border:0;background:none;color:#a3b8d3;font-size:12px}.footer button:hover{color:#ff8d21}.loading-screen{height:100vh;display:grid;place-items:center}.loading-ring{width:44px;height:44px;border-radius:50%;border:3px solid #234065;border-top-color:#ff8617;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.connect-error{text-align:center;color:#dceaff;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.connect-error p{color:#93a9c8}.connect-error button{background:#ff8315;border:0;border-radius:10px;color:#fff;padding:12px 25px}.error-icon{color:#ff8315}.mobile-shade[hidden]{display:none}body.light{color:#172b46;background:#f4f7fc}body.light .shell,body.light .main-wrap{background:#f4f7fc}body.light .topbar{background:#fff;border-color:#e3e9f3}body.light .topbar-title,body.light .welcome h1,body.light .section-bar h2{color:#1b3150}body.light .subtitle,body.light .section-bar p{color:#627b99}body.light .search-box{background:#fff;border-color:#dce5f1;color:#789}body.light .search-box input{color:#1e3150}body.light .empty-card,body.light .action-card{background:#fff;border-color:#dde5ee;color:#1b3150}body.light .empty-card h3,body.light .action-card strong{color:#223550}body.light .profile-btn{color:#173350}body.light .footer{border-color:#dfe7f1}body.light .footer button,body.light .icon-btn{color:#25496a}@media(max-width:1024px){.sidebar{width:210px;padding-left:12px;padding-right:12px}.sidebar-brand{padding-left:8px}.content{padding-top:44px}.app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.welcome{margin-bottom:53px}.profile-name{max-width:132px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(max-width:760px){.sidebar{position:fixed;z-index:20;left:0;top:0;transform:translate(-105%);width:min(80vw,280px);transition:transform .22s}.sidebar.open{transform:translate(0)}.mobile-shade:not([hidden]){position:fixed;inset:0;background:#000a;z-index:19}.menu-btn{display:grid}.topbar{height:70px;padding:0 18px}.top-left,.top-right{gap:12px}.topbar-logo .brand-hg{font-size:25px}.topbar-logo .brand-tools{font-size:21px}.topbar-logo .brand-slash{width:48px}.topbar-divider,.topbar-title,.theme-btn,.profile-name{display:none}.content{padding:32px 18px 35px}.welcome{gap:14px;margin-bottom:43px}.welcome-mark{width:55px;height:55px;border-radius:16px}.welcome-mark svg{width:23px}.welcome h1{font-size:25px}.eyebrow{font-size:9px;letter-spacing:1px}.subtitle{font-size:12px;line-height:1.4}.section-bar{flex-wrap:wrap;align-items:stretch;gap:17px}.section-bar h2{font-size:22px}.search-box{width:100%}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app-card{min-height:142px;padding:17px}.quick-actions{grid-template-columns:1fr;gap:12px}.footer{padding:23px 19px}.profile-btn{padding:4px}.avatar{width:35px;height:35px}.empty-card{min-height:195px}.empty-card p{font-size:12px}}@media(max-width:370px){.app-grid{grid-template-columns:1fr}.welcome h1{font-size:23px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
