.sidebar{position:fixed;top:0;left:0;height:100vh;background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;z-index:100}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:var(--header-height);flex-shrink:0}.sidebar-logo{font-size:20px;font-weight:800;white-space:nowrap;cursor:pointer}.sidebar-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:6px;display:grid;place-items:center}.sidebar-toggle:hover{background-color:var(--bg-hover)}.sidebar-content{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;overflow-y:auto;overflow-x:hidden}.sidebar-nav{padding:0 12px;flex-grow:1}.ws-btn{display:flex;align-items:center;width:100%;padding:8px;border-radius:6px;background-color:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;margin-bottom:16px}.ws-btn:hover{background-color:var(--bg-hover)}.ws-btn.collapsed{justify-content:center}.ws-badge{width:20px;height:20px;border-radius:4px;background-color:#f66957;color:#fff;display:grid;place-items:center;font-weight:700;font-size:12px;flex-shrink:0}.ws-text{flex-grow:1;text-align:left;margin-left:8px;font-weight:600;font-size:14px;color:var(--text-primary);white-space:nowrap}.ws-caret{color:var(--text-secondary);font-size:12px;white-space:nowrap}.side-item{display:flex;align-items:center;width:100%;padding:8px 12px;border-radius:6px;background:none;border:none;cursor:pointer;color:var(--text-secondary);margin-bottom:4px}.side-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.side-item.active{background-color:var(--bg-active);color:var(--text-primary);font-weight:600}.side-item.collapsed{justify-content:center;padding:8px}.side-item-icon{font-size:18px;width:24px;height:24px;display:grid;place-items:center;flex-shrink:0}.side-item-text{margin-left:12px;font-size:14px;white-space:nowrap}.section-header{padding:16px 12px 8px}.section-title{font-size:12px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.nav-separator{height:1px;background-color:var(--border-color);margin:12px}.sidebar-footer{padding:12px;flex-shrink:0}.plan-box{background-color:#3e2e00;border:1px solid #7c5c00;border-radius:6px;padding:12px;margin-bottom:12px;overflow:hidden}.plan-title{color:#ffca28;font-weight:700;font-size:14px;white-space:nowrap}.plan-desc{color:#ffe082;font-size:12px;margin-top:4px;white-space:nowrap}.bottom-icons{display:flex;justify-content:space-around;align-items:center}.icon-btn{background:none;border:none;color:var(--text-secondary);font-size:16px;cursor:pointer;padding:6px;border-radius:6px}.icon-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.app-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:0 24px;height:100%;background-color:var(--bg-header);gap:24px}.header-left{justify-self:flex-start}.header-logo{font-size:20px;font-weight:800;white-space:nowrap;cursor:pointer}.search-bar{display:flex;align-items:center;width:100%;max-width:720px;min-width:200px;justify-self:center;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:9999px;padding:0 12px}.search-bar:focus-within{border-color:#fff}.search-icon{color:var(--text-secondary);display:grid;place-items:center;margin-right:8px}.search-bar input{width:100%;height:40px;background:none;border:none;outline:none;color:var(--text-primary);font-size:14px}.search-bar input::placeholder{color:var(--text-placeholder)}.search-options-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:grid;place-items:center}.header-actions{display:flex;align-items:center;gap:16px;justify-self:flex-end}.me-btn{background:none;border:1px solid var(--border-color);color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:6px}.me-btn:hover{background-color:var(--bg-hover)}.logout-btn{background:none;border:none;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;padding:8px 12px}.logout-btn:hover{color:var(--text-primary)}:root{--bg-main: #101010;--bg-sidebar: #1a1a1a;--bg-header: #101010;--bg-card: #2c2c2c;--bg-hover: #3a3a3a;--bg-active: #4a4a4a;--text-primary: #f0f0f0;--text-secondary: #a0a0a0;--text-placeholder: #6b6b6b;--border-color: #3f3f3f;--sidebar-width: 206px;--sidebar-width-collapsed: 60px;--header-height: 64px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-main);color:var(--text-primary)}*{box-sizing:border-box;margin:0;padding:0}body{overflow:hidden}.main-content-area{position:relative;height:100vh;padding-left:var(--sidebar-width);transition:padding-left .2s ease-out;display:grid;grid-template-rows:var(--header-height) 1fr;overflow:hidden}.main-content-area.collapsed{padding-left:var(--sidebar-width-collapsed)}.main-header{height:var(--header-height);border-bottom:1px solid var(--border-color)}.page-content{overflow-y:auto;overflow-x:hidden;padding:24px}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}