:root{--purple:#6c5ce7;--purple-2:#8a7bff;--ink:#2b2b40;--ink-soft:#4a4a63;--muted:#9a9ab0;--muted-2:#c4c4d6;--line:#ecedf6;--line-2:#f5f4fb;--bg:#eef0f8;--panel:#fff;--lilac:#eceaff;--cream:#fcf4e0;--cream-ink:#b08a20;--cream-bg:#fcf3da;--peach:#fde9ea;--peach-ink:#e0727f;--mint:#e2f6ee;--mint-ink:#2fae82;--green:#28b46a;--green-bg:#e6f6ec;--orange:#f3923b;--orange-bg:#fdeede;--blue:#5a8af0;--blue-bg:#e8eefc;--pink:#ef6f9b;--pink-bg:#fde7ef}*{margin:0;padding:0;box-sizing:border-box}svg{width:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}body,html,svg{height:100%}body{font-family:Poppins,-apple-system,system-ui,sans-serif;background:radial-gradient(1000px 700px at 5% 0,#f1f0fc 0,transparent 55%),radial-gradient(1000px 700px at 100% 100%,#edf0fb 0,transparent 55%),var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{font-family:inherit}.sidebar{background:var(--panel);border-radius:26px;padding:26px 18px;display:flex;flex-direction:column;min-height:0;overflow-y:auto;box-shadow:0 30px 60px -40px rgba(70,60,160,.4)}.brand{display:flex;align-items:center;gap:11px;padding:4px 10px 26px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(150deg,#7c6ff0,#6c5ce7);color:#fff;display:grid;place-items:center;box-shadow:0 12px 20px -8px rgba(108,92,231,.8)}.brand-mark svg{width:21px;height:21px;fill:hsla(0,0%,100%,.25)}.brand-name{font-size:18px;font-weight:600;color:var(--ink)}.brand-name b{font-weight:700;color:var(--purple)}.side-nav{display:flex;flex-direction:column;gap:4px}.snav{display:flex;align-items:center;gap:13px;padding:11px 13px;border-radius:13px;font-size:14px;font-weight:500;color:var(--muted);cursor:pointer;position:relative;transition:.18s}.snav:hover{background:#f6f6fc;color:var(--ink-soft)}.snav-ic{width:20px;height:20px;flex:0 0 auto}.snav.active{background:linear-gradient(150deg,#7468ee,#6c5ce7);color:#fff;box-shadow:0 14px 24px -12px rgba(108,92,231,.9)}.snav-badge{margin-left:auto;font-size:11px;font-weight:600;background:var(--peach);color:var(--peach-ink);padding:2px 8px;border-radius:9px}.side-divider{height:1px;background:var(--line);margin:22px 8px}.side-user{margin-top:auto;display:flex;align-items:center;gap:11px;padding:11px;border-radius:16px;background:#f7f7fc;cursor:pointer}.su-avatar{width:38px;height:38px;border-radius:12px;flex:0 0 auto;background:linear-gradient(135deg,#c9c2f5,#a99ef0);display:grid;place-items:center;color:#fff;font-weight:700;font-size:16px}.su-info{display:flex;flex-direction:column;line-height:1.3;min-width:0}.su-info b{font-size:13.5px;font-weight:600;color:var(--ink)}.su-info small{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.su-caret{width:16px;height:16px;color:var(--muted-2);margin-left:auto}.nav-toggle,.sidebar-overlay{display:none}@media (max-width:1280px){.sidebar{padding:22px 12px}.brand{justify-content:center;padding:4px 0 24px}.brand-name{display:none}.snav{justify-content:center;gap:0;padding:12px;font-size:0}.snav-ic{width:22px;height:22px}.snav-badge{display:none}.side-divider{margin:20px 6px}.side-user{justify-content:center;padding:11px 0}.su-caret,.su-info{display:none}}@media (max-width:720px){.nav-toggle{display:grid;place-items:center;position:fixed;top:11px;left:14px;width:42px;height:42px;z-index:1400;border:1px solid var(--line);border-radius:13px;background:hsla(0,0%,100%,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 10px 24px -14px rgba(70,60,160,.55);cursor:pointer;transition:.18s}.nav-toggle:active{transform:scale(.94)}.nav-toggle:hover{background:var(--lilac);border-color:transparent}.nt-bars{position:relative;width:20px;height:14px}.nt-bars i{position:absolute;left:0;width:100%;height:2.2px;border-radius:2px;background:var(--ink-soft);transition:.22s ease}.nt-bars i:first-child{top:0}.nt-bars i:nth-child(2){top:50%;transform:translateY(-50%)}.nt-bars i:nth-child(3){bottom:0}.nav-toggle.open .nt-bars i:first-child{top:50%;transform:translateY(-50%) rotate(45deg)}.nav-toggle.open .nt-bars i:nth-child(2){opacity:0}.nav-toggle.open .nt-bars i:nth-child(3){bottom:auto;top:50%;transform:translateY(-50%) rotate(-45deg)}.sidebar{position:fixed;top:0;left:0;bottom:0;width:256px;z-index:1390;border-radius:0 24px 24px 0;padding:24px 18px;transform:translateX(-108%);transition:transform .28s cubic-bezier(.4,0,.2,1)}.sidebar.open{transform:translateX(0);box-shadow:0 30px 80px -30px rgba(40,30,90,.6)}.sidebar .brand{justify-content:flex-start;padding:4px 10px 26px}.sidebar .brand-name{display:inline}.sidebar .snav{justify-content:flex-start;gap:13px;padding:11px 13px;font-size:14px}.sidebar .snav-ic{width:20px;height:20px}.sidebar .snav-badge{display:inline-block}.sidebar .side-divider{margin:22px 8px}.sidebar .side-user{justify-content:flex-start;padding:11px}.sidebar .su-info{display:flex}.sidebar .su-caret{display:block}.sidebar-overlay{display:block;position:fixed;inset:0;z-index:1380;background:rgba(40,32,80,.32);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .24s}.sidebar-overlay.open{opacity:1;pointer-events:auto}}.shell-app{display:grid;grid-template-columns:248px minmax(0,1fr);grid-gap:24px;gap:24px;max-width:1440px;height:100vh;margin:0 auto;padding:26px}.coming-soon{background:var(--panel);border-radius:26px;box-shadow:0 30px 60px -40px rgba(70,60,160,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:40px}.coming-soon .cs-ic{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:var(--lilac);color:var(--purple)}.coming-soon .cs-ic svg{width:30px;height:30px}.coming-soon h1{font-size:26px;color:var(--ink)}.coming-soon p{font-size:14px;color:var(--muted);max-width:360px}.coming-soon .cs-pill{margin-top:6px;font-size:12px;font-weight:600;color:var(--purple);background:var(--lilac);padding:7px 16px;border-radius:20px}@media (max-width:1280px){.shell-app{grid-template-columns:84px minmax(0,1fr)}}@media (max-width:720px){.shell-app{grid-template-columns:minmax(0,1fr);height:auto;min-height:100vh;padding:14px}}