*{box-sizing:border-box}:root{--primary-color: #1976d2;--bg-main: #ffffff;--bg-side: #f8f9fa;--text-main: #2c3e50;--text-secondary: #5a6c7d;--border-color: #e0e4e8}[data-theme=dark]{--primary-color: #42a5f5;--bg-main: #121212;--bg-side: #1a1a1a;--text-main: #e0e0e0;--text-secondary: #b0b0b0;--border-color: #333333}body{margin:0}.main-layout{display:flex;height:100vh;color:var(--text-main)}aside{width:260px;background:var(--bg-side);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);overflow:hidden;white-space:nowrap;flex-shrink:0}aside.collapsed{width:0;border-right:none}button:hover{background-color:#0000000d;border-radius:4px}main{flex:1;background:var(--bg-main);display:flex;flex-direction:column;overflow-y:auto}.search-wrapper{padding:16px 32px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.search-wrapper input{border:none;background:transparent;outline:none;font-size:1.1rem;width:100%;color:var(--text-main)}.mobile-notice{background:#fff4e5;color:#663c00;padding:12px;border-radius:8px;margin-bottom:20px;display:none}.menu-item{display:flex;align-items:center;padding:12px 20px;cursor:pointer;color:var(--text-secondary);transition:all .2s;border-left:3px solid transparent}.menu-item:hover{background-color:#0000000a;color:var(--text-main)}.menu-item.active{background-color:var(--primary-light);color:var(--text-main);border-left-color:var(--text-main);font-weight:500}[data-theme=dark] .menu-item.active{background-color:#42a5f526}.menu-item .icon{width:24px;display:flex;justify-content:center;margin-right:12px}@media(max-width:768px){aside{position:absolute;z-index:100;height:100%;transform:translate(-100%)}aside.active{transform:translate(0)}.mobile-notice{display:flex;align-items:center;gap:8px}}