.app-layout{background:#f8fafc;min-height:100vh;display:flex}.sidebar{color:#e5e7eb;will-change:width;background:#111827;flex-direction:column;flex-shrink:0;height:100vh;transition:width .28s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;overflow:hidden}.sidebar-open{width:260px}.sidebar-closed{width:68px}.sidebar-header{white-space:nowrap;border-bottom:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;min-height:64px;padding:16px 14px;display:flex;overflow:hidden}.sidebar-logo{flex-shrink:0;align-items:center;display:flex}.sidebar-title{color:#f3f4f6;text-overflow:ellipsis;white-space:nowrap;opacity:1;flex:1;font-size:13px;font-weight:700;line-height:1.4;transition:opacity .15s;overflow:hidden}.sidebar-toggle-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:6px;transition:background .15s,color .15s;display:flex}.sidebar-toggle-btn:hover{color:#fff;background:#ffffff1a}.sidebar-search{color:#e5e7eb;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;outline:none;flex-shrink:0;width:calc(100% - 24px);margin:10px 12px;padding:9px 14px;font-size:13px;transition:border-color .15s,background .15s}.sidebar-search::placeholder{color:#6b7280}.sidebar-search:focus{background:#ffffff17;border-color:#93c5fd66}.sidebar nav{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex:1;padding:8px 8px 0;overflow:hidden auto}.sidebar nav::-webkit-scrollbar{width:4px}.sidebar nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.logout-btn{color:#9ca3af;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:10px;width:calc(100% - 16px);margin:8px;padding:14px 18px;font-size:14px;transition:background .15s,color .15s;display:flex;overflow:hidden}.logout-btn:hover{color:#f87171;background:#ef44441f}.main-content{flex:1;min-width:0;transition:margin-left .28s cubic-bezier(.4,0,.2,1);overflow:hidden auto}*,:before,:after{box-sizing:border-box}body{margin:0}#root{width:100%;min-height:100svh}