:root{--bg:#111318;--bg2:#171a20;--panel:#1b1f27;--panel2:#252a34;--text:#f4f6f8;--muted:#9ca5b4;--line:#323946;--accent:#ff8a00;--blue:#3987e8;--danger:#ed6972;--sidebar:264px;color-scheme:dark}
:root.cd-light{--bg:#edf5ff;--bg2:#f8fbff;--panel:#fff;--panel2:#e7f1ff;--text:#102844;--muted:#58728f;--line:#b9d5f5;--accent:#2f80ed;--blue:#2f80ed;color-scheme:light}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font:15px/1.55 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:linear-gradient(180deg,var(--bg),var(--bg2) 55%,var(--bg));transition:background .2s,color .2s}
.cd-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);display:flex;flex-direction:column;background:var(--panel);border-right:1px solid var(--line);z-index:40;transition:width .2s}.cd-brand{height:86px;display:flex;align-items:center;gap:12px;padding:18px 22px;color:var(--text);text-decoration:none;border-bottom:1px solid var(--line);white-space:nowrap}.cd-brand-mark{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:var(--accent);color:#111;font-weight:900;font-size:22px}.cd-brand-text{display:grid;line-height:1.15}.cd-brand-text strong{font-size:16px}.cd-brand-text small{color:var(--muted);font-size:11px;margin-top:4px}.cd-collapse{position:absolute;top:25px;right:-15px;width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--panel2);color:var(--text);cursor:pointer;z-index:2}.cd-collapse .cd-nav-icon{width:15px;height:15px}.cd-sidebar-min .cd-sidebar{width:78px}.cd-sidebar-min .cd-brand{padding:18px 20px}.cd-sidebar-min .cd-brand-text,.cd-sidebar-min .cd-nav-label,.cd-sidebar-min .cd-user-copy{display:none}.cd-sidebar-min .cd-brand-mark{margin:auto}.cd-sidebar-min .cd-collapse .cd-nav-icon{transform:rotate(180deg)}
.cd-side-nav{padding:18px 12px;display:grid;gap:5px;overflow:auto}.cd-nav-item{display:flex;align-items:center;gap:13px;padding:11px 13px;border-radius:10px;color:var(--muted);text-decoration:none;white-space:nowrap}.cd-nav-item:hover,.cd-nav-item.active{background:var(--panel2);color:var(--text)}.cd-nav-item.active{box-shadow:inset 3px 0 var(--accent);color:var(--text)}.cd-nav-icon{width:21px;height:21px;flex:0 0 21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cd-side-footer{margin-top:auto;padding:15px 13px;border-top:1px solid var(--line)}.cd-side-user{display:flex;align-items:center;gap:10px;padding:6px 4px 13px}.cd-avatar{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:50%;background:var(--accent);color:#111;font-weight:800}.cd-user-copy{display:grid;overflow:hidden}.cd-user-copy strong{font-size:13px;overflow:hidden;text-overflow:ellipsis}.cd-user-copy small{font-size:11px;color:var(--muted);text-transform:capitalize}.cd-side-actions{display:flex;align-items:center;justify-content:space-between;gap:6px}.cd-side-actions a,.cd-theme-toggle{display:flex;align-items:center;gap:8px;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:var(--muted);text-decoration:none;cursor:pointer;font:inherit}.cd-side-actions a:hover,.cd-theme-toggle:hover{background:var(--panel2);color:var(--text)}.cd-theme-toggle .cd-nav-icon{width:18px;height:18px}.cd-theme-toggle .cd-sun{display:none}.cd-light .cd-theme-toggle .cd-moon{display:none}.cd-light .cd-theme-toggle .cd-sun{display:inline}
.cd-main{min-height:100vh;margin-left:var(--sidebar);transition:margin .2s}.cd-sidebar-min .cd-main{margin-left:78px}.cd-topbar{height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(20px,4vw,54px);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 92%,transparent);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.cd-topbar h1{font-size:23px;margin:1px 0 0}.cd-eyebrow{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.cd-top-user{color:var(--muted);font-size:13px}.cd-mobile-menu{display:none;border:0;background:transparent;color:var(--text);padding:4px}.cd-content{width:min(1280px,calc(100% - 48px));margin:28px auto 70px}.cd-panel{max-width:700px;margin:80px auto;padding:30px}.box{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:23px;margin:18px 0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.cards .box{margin:0}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.tabs a{padding:9px 13px;border-radius:9px;color:var(--muted);border:1px solid var(--line);text-decoration:none}.tabs a.current,.tabs a:hover{background:var(--panel2);color:var(--text);border-color:var(--accent)}h1,h2,h3{margin-top:0}h1{font-size:clamp(27px,3.5vw,38px)}h2{font-size:20px}label{display:grid;gap:7px;margin:12px 0 6px;font-weight:600}input,select,textarea{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:9px;padding:11px 12px;font:inherit}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px rgba(47,128,237,.16)}button,.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:9px;padding:10px 15px;background:var(--panel2);color:var(--text);font:inherit;font-weight:700;cursor:pointer;text-decoration:none;margin-top:10px}button:hover,.btn:hover{filter:brightness(1.08)}button[type=submit],.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.note,.success,.error{padding:12px 14px;border-radius:10px}.note{background:rgba(255,138,0,.1);border:1px solid rgba(255,138,0,.35)}.success{background:rgba(58,183,123,.13);border:1px solid rgba(58,183,123,.4)}.error{background:rgba(237,105,114,.13);border:1px solid rgba(237,105,114,.45)}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-size:13px}.scroll{overflow:auto}.twocol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media(max-width:760px){.cd-sidebar{transform:translateX(-100%);box-shadow:0 15px 45px rgba(0,0,0,.22)}.cd-menu-open .cd-sidebar{transform:translateX(0)}.cd-sidebar-backdrop{display:none}.cd-menu-open .cd-sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:30}.cd-main,.cd-sidebar-min .cd-main{margin-left:0}.cd-topbar{height:72px;padding:0 16px}.cd-top-user{display:none}.cd-mobile-menu{display:block}.cd-content{width:calc(100% - 24px);margin:18px auto 45px}.twocol{grid-template-columns:1fr}.cd-collapse{display:none}.cd-sidebar-min .cd-sidebar{width:var(--sidebar)}.cd-sidebar-min .cd-brand-text,.cd-sidebar-min .cd-nav-label,.cd-sidebar-min .cd-user-copy{display:grid}.cd-sidebar-min .cd-brand{padding:18px 22px}.cd-sidebar-min .cd-brand-mark{margin:0}}
.cd-collapse .cd-nav-icon{display:none}.cd-collapse::after{content:"‹";position:absolute;inset:0;display:grid;place-items:center;font-size:25px;line-height:1;font-weight:700;transform:none}.cd-sidebar-min .cd-collapse::after{content:"›"}.cd-side-actions{align-items:center}.cd-side-actions a,.cd-theme-toggle{height:38px;min-width:38px;padding:0 10px;align-items:center;justify-content:center}.cd-side-actions a .cd-nav-icon,.cd-theme-toggle .cd-nav-icon{width:18px;height:18px;margin:0}.cd-theme-toggle .cd-moon,.cd-theme-toggle .cd-sun{width:20px;height:20px;display:grid;place-items:center;line-height:1}.cd-theme-toggle .cd-moon .cd-nav-icon{display:none}.cd-theme-toggle .cd-moon::after{content:"☾";display:block;font-size:22px;line-height:1;font-weight:700}.cd-theme-toggle .cd-sun .cd-nav-icon{display:block}.cd-theme-toggle .cd-sun{display:none}.cd-light .cd-theme-toggle .cd-moon{display:none}.cd-light .cd-theme-toggle .cd-sun{display:grid}