:root{--primary: #1a1a2e;--primary-light: #16213e;--accent: #c9a96e;--accent-light: #f0d9b0;--bg: #f7f5f2;--bg2: #fff;--bg3: #f0ede8;--text1: #1a1a1a;--text2: #555;--text3: #999;--border: #e8e4de;--radius: 14px;--radius-sm: 10px;--success: #2e7d32;--warn: #e65100;--info: #1565c0}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100vh;background:#e8e4de;font-family:-apple-system,PingFang SC,Helvetica Neue,sans-serif;font-size:14px;color:var(--text1)}.app{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--primary);color:#fff;flex-shrink:0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.sb-brand{padding:20px;font-size:18px;font-weight:700;letter-spacing:1px;border-bottom:1px solid rgba(255,255,255,.08)}.sb-brand small{display:block;font-size:11px;font-weight:400;color:#ffffff73;margin-top:2px}.sb-nav{flex:1;padding:12px 0}.sb-item{display:flex;align-items:center;gap:10px;padding:12px 20px;font-size:13px;color:#fff9;text-decoration:none;border-left:3px solid transparent;transition:.15s}.sb-item:hover{background:#ffffff0f;color:#fff}.sb-item.active{background:#ffffff1a;color:#fff;border-left-color:var(--accent)}.sb-badge{margin-left:auto;background:var(--accent);color:#fff;font-size:10px;padding:2px 7px;border-radius:20px}.sb-icon{font-size:16px}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{background:var(--bg2);border-bottom:1px solid var(--border);padding:14px 24px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.topbar h2{font-size:17px;font-weight:700}.topbar-user{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text2)}.topbar-av{width:32px;height:32px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700}.content{padding:20px 24px;flex:1;overflow-y:auto}.logout-btn{padding:5px 12px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text3);font-size:11px;cursor:pointer;font-family:inherit;transition:.15s}.logout-btn:hover{color:#c62828;border-color:#c62828}@media (max-width:768px){.sidebar{width:60px}.sb-brand{padding:14px 10px;font-size:14px;text-align:center}.sb-brand small,.sb-item span{display:none}.sb-item{padding:14px 10px;justify-content:center;border-left:none}.content{padding:16px}}