:root{color-scheme:light;--canvas:#f5f7fb;--surface:#fff;--ink:#142238;--muted:#718095;--line:#e4eaf2;--blue:#2478ed;--top:#fff}:root[data-theme=dark]{color-scheme:dark;--canvas:#0c1524;--surface:#131f30;--ink:#edf3fc;--muted:#9baec5;--line:#27384d;--blue:#6baaff;--top:#131f30}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font:14px/1.5 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--canvas);color:var(--ink)}button,input,a{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #79b8ff;outline-offset:3px}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:#0c192b;color:#c1ccdb;display:flex;flex-direction:column;border-right:1px solid #1b2a40;z-index:30}.brand{height:96px;padding:25px 23px 19px;text-decoration:none;color:#fff;display:flex;align-items:center;gap:12px}.brand img{width:39px;height:39px;border-radius:10px}.brand strong{font-size:21px;letter-spacing:.35px;font-weight:850}.brand strong span{color:#6bbcff}.brand small{display:block;color:#7e91ab;font-size:10px;margin-top:2px}.nav-search{margin:0 17px 19px;position:relative}.nav-search svg{position:absolute;top:11px;left:12px;color:#6f829c;width:16px;height:16px}.nav-search input{width:100%;height:39px;border:1px solid #25354b;border-radius:8px;background:#142238;color:#eef4ff;padding:8px 12px 8px 37px;font-size:12px}.nav-search input::placeholder{color:#8090a8}.navigation{flex:1;overflow-y:auto;padding:0 13px 20px;scrollbar-width:thin;scrollbar-color:#30435e transparent}.nav-section{margin-bottom:21px}.nav-section h2{font-size:9px;letter-spacing:1.5px;font-weight:700;color:#7387a3;text-transform:uppercase;margin:0 13px 9px}.nav-section button{width:100%;display:flex;align-items:center;gap:12px;padding:10px 13px;border:0;background:transparent;color:#a8b8cc;border-radius:8px;font-size:12px;text-align:left;min-height:40px;margin:2px 0;transition:background .15s,color .15s}.nav-section button:hover{background:#17283f;color:#fff}.nav-section button.active{color:#fff;background:#2174e8;box-shadow:0 4px 16px #1769db24}.nav-section button.active svg{stroke-width:2}.nav-section button span{flex:1}.nav-section button.active:after{content:'';width:5px;height:5px;background:#fff;border-radius:50%}.sidebar-bottom{padding:16px 19px 20px;border-top:1px solid #213147;background:#0b1728}.creator-link{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#a2bad7;font-size:12px;text-decoration:none;padding:4px}.creator-link svg{width:15px;height:15px}.sidebar-bottom p{color:#5f7796;font-size:10px;margin:13px 4px 0}.app-shell{margin-left:252px;height:100%;display:flex;flex-direction:column;min-width:0}.topbar{height:76px;flex:none;background:var(--top);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:12px}.breadcrumb{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:10px}.breadcrumb b{color:var(--ink);font-weight:600}.top-actions{display:flex;gap:14px;align-items:center}.top-date{font-size:11px;color:var(--muted)}.icon-button{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--line);background:var(--surface);border-radius:9px;color:var(--muted)}.profile-button{padding:0;width:35px;height:35px;border:1px solid #d7e6fa;background:#eaf2ff;border-radius:50%;color:#2478ed;display:grid;place-items:center}.profile-button svg{width:17px}.workspace-view{flex:1;min-height:0;position:relative}iframe{display:block;width:100%;height:100%;border:0;background:var(--canvas)}.view-loading{position:absolute;inset:0;display:grid;place-items:center;background:var(--canvas);color:var(--muted);font-size:13px;z-index:2}.view-loading[hidden]{display:none}.view-loading span{display:flex;align-items:center;gap:10px}.view-loading span:before{content:'';width:14px;height:14px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--blue);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-menu{display:none}.backdrop{display:none}.skip-link{position:fixed;left:270px;top:-60px;background:#fff;color:#142238;padding:10px;z-index:80}.skip-link:focus{top:10px}.nav-empty{padding:0 12px;color:#9aabc1;font-size:12px}.nav-empty[hidden]{display:none}
@media(min-width:1600px){.sidebar{width:268px}.app-shell{margin-left:268px}}@media(max-width:1050px){.top-date{display:none}.topbar{padding:0 22px}}@media(max-width:780px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:252px}.app-shell{margin-left:0}.topbar{height:64px;padding:0 17px}.mobile-menu{display:grid}.breadcrumb>span,.breadcrumb>i{display:none}.top-actions{gap:9px}.menu-open .sidebar{transform:translateX(0)}.menu-open .backdrop{display:block;position:fixed;inset:0;background:#06112280;z-index:20}.skip-link{left:16px}.breadcrumb{font-size:11px;flex:1}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition:none!important}}

[hidden]{display:none!important}