.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#17201c;color:#fff;padding:26px 18px;display:flex;flex-direction:column;z-index:20;overflow-y:auto;transition:width .2s ease,padding .2s ease}.sidebar-head{display:flex;align-items:center;gap:8px;padding:0 4px 20px;border-bottom:1px solid #ffffff1f}.sidebar .brand{font-size:17px;flex:1}.sidebar-toggle{width:36px;min-width:36px;height:36px;padding:0;background:#ffffff12;color:#fff;border:1px solid #ffffff24;font-size:20px;line-height:1}.sidebar-toggle:hover,.sidebar-toggle:focus-visible{background:#ffffff20}.side-nav{display:block;padding:18px 0;flex:1}.nav-group{margin-bottom:18px}.nav-label{display:block;color:#9eaaa4;font-size:10px;font-weight:900;letter-spacing:.14em;padding:0 11px 6px}.side-nav a{display:flex;color:#edf3ef;text-decoration:none;padding:9px 11px;border-radius:8px;margin:2px 0;font-weight:650}.side-nav a:hover,.side-nav a:focus-visible{background:#ffffff13;color:#d8ee75}.sidebar-user{border-top:1px solid #ffffff1f;padding:18px 10px 0}.sidebar-user span,.sidebar-user small{display:block}.sidebar-user small{color:#aeb8b3}.sidebar-user form{margin:12px 0 0}.sidebar-user button{width:100%;background:#ffffff12;color:#fff}.app-main{margin-left:248px;max-width:none;transition:margin-left .2s ease}.app-main>main{max-width:1280px}.sidebar-collapsed .sidebar{width:72px;padding-inline:18px;overflow:hidden}.sidebar-collapsed .sidebar-head{padding-inline:0}.sidebar-collapsed .brand,.sidebar-collapsed .side-nav,.sidebar-collapsed .sidebar-user{display:none}.sidebar-collapsed .app-main{margin-left:72px}.sidebar-collapsed .sidebar-toggle{transform:rotate(180deg)}.public-header{height:70px;background:var(--ink);padding:0 max(5vw,24px);display:flex;align-items:center}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.settings-grid .card{text-decoration:none;color:inherit}.settings-grid .card:hover{border-color:var(--green);transform:translateY(-2px)}@media(max-width:900px){.sidebar{position:static;width:auto;min-height:auto;padding:14px 18px}.sidebar-head{padding:0 0 10px}.sidebar .brand{padding:0}.side-nav{display:flex;gap:8px;overflow-x:auto;padding:12px 0}.nav-group{display:flex;gap:4px;margin:0}.nav-label{display:none}.side-nav a{white-space:nowrap}.sidebar-user{display:none}.app-main,.sidebar-collapsed .app-main{margin-left:0}.sidebar-collapsed .sidebar{width:auto;padding:14px 18px}.sidebar-collapsed .brand{display:block}.sidebar-mobile-closed .side-nav{display:none}.sidebar-mobile-closed .sidebar-toggle{transform:rotate(180deg)}}