:root{--bg:#f8fafc;--card:#fff;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--primary:#2563eb;--primary-hover:#1d4ed8;--success-bg:#ecfdf5;--success-text:#065f46;--success-border:#6ee7b7;--error-bg:#fef2f2;--error-text:#991b1b;--error-border:#fca5a5}html,body{background:var(--bg);color:var(--text)}.app-shell{background:var(--bg);min-height:100vh;color:var(--text);display:flex}.app-content-wrapper{flex-direction:column;flex:1;min-height:100vh;display:flex;position:relative}.app-main{flex:1;padding:24px}.sidebar{background:var(--card);border-right:1px solid var(--border);flex-direction:column;height:100vh;transition:width .2s;display:flex;position:sticky;top:0}.sidebar.open{width:220px}.sidebar.closed{width:64px}.side-top{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px;display:flex}.menu-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:10px;padding:8px 10px;font-size:16px}.menu-btn:hover{border-color:#cbd5e1}.logo{letter-spacing:.2px;font-size:16px;font-weight:900}.side-nav{flex-direction:column;gap:6px;padding:10px;display:flex}.side-item{color:var(--text);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-weight:700;text-decoration:none;display:flex}.side-item:hover{background:#f1f5f9}.side-item.active{background:var(--primary);color:#fff}.icon{text-align:center;width:22px}.side-bottom{border-top:1px solid var(--border);margin-top:auto;padding:10px}.logout{opacity:.95}.profile-header{z-index:100;position:absolute;top:16px;right:24px}.profile-btn{border:2px solid var(--border);background:var(--card);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.profile-btn:hover{border-color:var(--primary);background:#f1f5f9}.profile-icon{font-size:20px}.profile-dropdown{background:var(--card);border:1px solid var(--border);border-radius:12px;min-width:200px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.profile-dropdown-item{color:var(--text);align-items:center;gap:12px;padding:12px 16px;font-weight:600;text-decoration:none;transition:background .15s;display:flex}.profile-dropdown-item:hover{background:#f1f5f9}.profile-dropdown-item .icon{text-align:center;width:20px}