:root{--sidebar: #0f766e;--sidebar-dark: #0d615b;--sidebar-line: rgba(255, 255, 255, .16);--ink: #1f2937;--bg: #f3f4f6;--panel: #ffffff}*{box-sizing:border-box}body{margin:0;font-family:sans-serif;color:var(--ink);background:var(--bg)}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.sidebar{background:var(--sidebar);color:#fff;border-right:1px solid var(--sidebar-line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:auto}.sidebar-brand{padding:16px;border-bottom:1px solid var(--sidebar-line)}.sidebar-brand strong{display:block;font-size:42px;line-height:1}.sidebar-brand small{opacity:.9}.sidebar-user{padding:14px 16px;border-bottom:1px solid var(--sidebar-line)}.sidebar-user .avatar{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;background:#00000038;font-weight:700;margin-bottom:8px}.sidebar-user .name{font-weight:700}.sidebar-user .email{font-size:12px;opacity:.85}.side-nav{padding:10px 8px 16px;flex:1;overflow:auto}.side-link,.side-group>summary{color:#fff;text-decoration:none;display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:20px;border:0;list-style:none;margin-bottom:4px}.nav-ico{font-size:16px;width:18px;text-align:center;opacity:.95;flex:0 0 18px}.side-link span,.side-group>summary span{line-height:1.1}.side-link:hover,.side-group>summary:hover,.side-link.active,.side-group[open]>summary{background:#00000029}.side-group>summary::-webkit-details-marker{display:none}.sub-links{margin-left:8px;border-left:2px solid rgba(255,255,255,.25);padding-left:8px}.sub-links a{color:#fff;text-decoration:none;display:block;padding:8px 10px;border-radius:6px;font-size:18px;opacity:.96}.sub-links a:hover{background:#ffffff1f}.sidebar-footer{border-top:1px solid var(--sidebar-line);padding:10px 16px;font-size:12px;opacity:.85}.content-shell{min-width:0;display:grid;grid-template-rows:auto 1fr}.content-topbar{background:#fff;border-bottom:1px solid #e5e7eb;padding:10px 16px;display:flex;justify-content:space-between;align-items:center}.sidebar-toggle{display:none;width:auto;margin:0;padding:8px 10px;border-radius:6px;border:1px solid #d1d5db;background:#fff;cursor:pointer}.logout-btn{width:auto;padding:8px 12px;margin:0;background:var(--sidebar-dark);border:0;border-radius:6px;color:#fff;cursor:pointer}.content-main{max-width:1200px;width:100%;margin:18px auto;padding:0 16px}.flash-ok{background:#dcfce7;color:#166534;padding:10px;border-radius:8px;margin-bottom:12px}.sidebar-overlay{display:none}input,select,textarea,button{width:100%;padding:8px;border:1px solid #cbd5e1;border-radius:6px;margin-bottom:6px;box-sizing:border-box}button{background:var(--sidebar);color:#fff;cursor:pointer}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;width:280px;transform:translate(-100%);transition:transform .2s ease;z-index:60}body.sidebar-open .sidebar{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:50}body.sidebar-open .sidebar-overlay{display:block}.sidebar-toggle{display:inline-block}}