.app-shell{min-height:100dvh;display:grid;grid-template-columns:var(--nav-w) minmax(0,1fr)}.sidebar{background:var(--nav);color:#dde5f5;position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;z-index:32;border-right:1px solid #ffffff0b;overflow-y:auto}.brand{height:101px;padding:29px 25px 22px;display:flex;align-items:center;gap:11px}.brand-mark{width:39px;height:39px;display:grid;place-items:center;color:#fff;border-radius:12px;background:linear-gradient(135deg,#8078fa 0%,#5a54d4 75%);font-size:22px;font-weight:800;box-shadow:0 8px 20px #6157e633}.brand-text{line-height:1.2}.brand-text b{display:block;font-size:18px;letter-spacing:-.7px;color:white}.brand-text span{display:block;font-size:10px;font-weight:700;letter-spacing:1.45px;color:#8998b5;margin-top:4px}.sidebar-section{margin:20px 25px 9px;color:#677894;font-weight:800;font-size:10px;letter-spacing:1.8px;text-transform:uppercase}.navlinks{padding:0 12px;display:grid;gap:4px}.nav-item{width:100%;height:45px;display:flex;align-items:center;gap:12px;padding:0 15px;text-align:left;color:#9aabc3;border:0;background:transparent;border-radius:10px;font-weight:650;font-size:12.5px;position:relative}.nav-item .icon{opacity:.89}.nav-item.active{color:#fff;background:#ffffff17}.nav-item.active:before{position:absolute;content:'';left:-12px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:#8b82ff}.nav-item:hover{background:#ffffff10;color:white}.nav-badge{margin-left:auto;font-size:10px;font-weight:800;background:#f47377;color:#fff;border-radius:6px;padding:2px 6px}.sidebar-bottom{margin-top:auto;padding:22px 16px 16px}.sidebar-help{padding:18px;border:1px solid #35415b;background:linear-gradient(140deg,#25314a,#1b2943);border-radius:16px;display:grid;gap:9px}.sidebar-help .help-icon{display:grid;place-items:center;width:33px;height:33px;background:#6f68e544;color:#b1aaff;border-radius:10px}.sidebar-help b{font-size:12px;color:white}.sidebar-help p{font-size:10px;line-height:1.6;color:#a1afc6}.sidebar-help button{height:33px;border:1px solid #525c7a;border-radius:8px;color:white;background:#ffffff12;font-weight:700;font-size:11px}.sidebar-profile{display:flex;align-items:center;gap:10px;padding:16px 5px 5px;margin-top:12px;border-top:1px solid #ffffff18;min-width:0}.sidebar-profile .profile-info{flex:1;min-width:0}.sidebar-profile b{font-size:11px;display:block;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-profile span{color:#8092ae;font-size:10px;display:block;margin-top:3px}.sidebar-profile button{border:0;background:transparent;color:#8191ab;padding:7px}.main-area{min-width:0}.topbar{height:var(--top-h);background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:25px;padding:0 35px;position:sticky;top:0;z-index:22}.top-context{display:flex;gap:10px;align-items:center;white-space:nowrap;color:var(--muted);font-size:12px}.top-context b{color:var(--text);font-weight:700}.top-search{margin-left:auto;width:min(290px,29vw);height:38px;background:var(--bg);border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:8px;padding:0 12px;color:var(--muted);font-size:12px;text-align:left}.top-search kbd{margin-left:auto;border:1px solid var(--line);padding:2px 6px;border-radius:5px;background:var(--surface);color:var(--muted2);font-family:inherit;font-size:10px}.top-actions{display:flex;align-items:center;gap:11px}.top-actions .round-button{border:1px solid var(--line);background:var(--surface);color:var(--muted);width:36px;height:36px;border-radius:11px;display:grid;place-items:center}.round-button:hover{background:var(--bg)}.top-avatar{width:36px;height:36px}.top-user{display:flex;flex-direction:column;gap:0}.top-user b{font-size:11px}.top-user span{font-size:10px;color:var(--muted)}.content{max-width:1670px;margin:0 auto;padding:31px 34px 55px;animation:fade-in .24s ease-out}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:24px}.eyebrow{display:flex;align-items:center;gap:7px;text-transform:uppercase;letter-spacing:1.35px;font-size:10px;font-weight:800;color:var(--violet);margin-bottom:8px}.page-heading h1{margin-bottom:7px}.page-heading p{font-size:12px;color:var(--muted);max-width:700px}.heading-actions{display:flex;align-items:center;gap:9px;flex:none}.page-grid{display:grid;gap:19px}.page-grid.two{grid-template-columns:minmax(0,1.7fr) minmax(285px,1fr)}.page-grid.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.page-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.panel{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);box-shadow:var(--shadow);min-width:0}.panel.pad{padding:22px}.panel-titlebar{display:flex;align-items:start;justify-content:space-between;gap:8px;margin-bottom:20px}.panel-titlebar h2{font-size:15px;margin:0 0 4px}.panel-titlebar p{font-size:11px;color:var(--muted)}.panel-titlebar .text-link{margin-top:3px}.mobile-nav,.mobile-top-menu,.sidebar-backdrop{display:none}.app-footer{text-align:center;margin-top:28px;color:var(--muted2);font-size:10px}.skeleton{background:linear-gradient(90deg,var(--surface2) 10%,var(--line) 40%,var(--surface2) 70%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px}@keyframes shimmer{to{background-position-x:-200%}}@keyframes fade-in{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
