.app-layout{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;padding:0;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-logo{padding:24px 20px 20px;display:flex;flex-direction:column}.logo-text{font-size:20px;font-weight:700;letter-spacing:-.5px}.logo-sub{font-size:12px;font-weight:400;opacity:.5;text-transform:uppercase;letter-spacing:2px}.sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:8px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:14px;font-weight:400;color:var(--sidebar-text);opacity:.7;transition:all .15s}.nav-item:hover{opacity:1;background:var(--sidebar-active)}.nav-item.active{opacity:1;background:var(--sidebar-active);font-weight:500}.nav-item .material-symbols-outlined{font-size:20px}.sidebar-footer{margin-top:auto;padding:8px}.logout-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:14px;font-weight:400;color:var(--sidebar-text);opacity:.5;background:none;border:none;cursor:pointer;width:100%;font-family:inherit;transition:all .15s}.logout-btn:hover{opacity:.8;background:var(--sidebar-active)}.logout-btn .material-symbols-outlined{font-size:20px}.main-content{flex:1;margin-left:220px;padding:32px;min-height:100vh}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #fafafa;--surface: #ffffff;--border: #e5e5e5;--text: #0a0a0a;--text-secondary: #737373;--accent: #0a0a0a;--accent-hover: #262626;--sidebar-bg: #0a0a0a;--sidebar-text: #fafafa;--sidebar-active: #262626}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}