.main-layout{display:flex;min-height:100vh;background-color:var(--bg-primary, #f5f7fa)}.sidebar{width:240px;background:linear-gradient(180deg,#1e3a8a,#1e40af);color:#fff;display:flex;flex-direction:column;transition:width .3s ease;position:relative;z-index:100;box-shadow:2px 0 8px #0000001a}.sidebar.collapsed{width:64px}.sidebar-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar.collapsed .sidebar-header{justify-content:center;padding:1.25rem .5rem}.sidebar-toggle-button{background:none;border:none;color:#fff;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .2s ease,background-color .2s ease;border-radius:6px;font-size:1.125rem}.sidebar-toggle-button:hover{background-color:#ffffff1a}.sidebar-brand{font-weight:600;font-size:1.25rem;white-space:nowrap;line-height:1;letter-spacing:-.02em}.sidebar.collapsed .sidebar-brand{display:none}.sidebar-nav{flex:1;padding:1rem 0;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem;color:#ffffffd9;text-decoration:none;background:none;border:none;width:100%;cursor:pointer;transition:background-color .2s ease,color .2s ease;font-size:.9375rem;font-family:inherit;border-left:3px solid transparent;text-align:left}.nav-item:hover{background-color:#ffffff1a;color:#fff}.nav-item.active{background-color:#ffffff26;color:#fff;border-left-color:#60a5fa;font-weight:500}.nav-icon{flex-shrink:0;display:inline-block;width:20px;text-align:center;font-size:1.125rem}.sidebar.collapsed .nav-item{justify-content:center;padding:.75rem .5rem}.sidebar.collapsed .nav-label{display:none}.nav-section-divider{height:1px;background-color:#ffffff1a;margin:.75rem 1rem}.sidebar.collapsed .nav-section-divider{margin:.75rem .5rem}.nav-section-label{padding:.5rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80;margin-top:.5rem}.sidebar.collapsed .nav-section-label{display:none}.sidebar-footer{border-top:1px solid rgba(255,255,255,.1);padding:.75rem 0}.help-button{text-align:left}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;background-color:var(--bg-primary, #f5f7fa)}.content-area{flex:1;padding:1.5rem 2rem;overflow-y:auto;max-width:1600px;width:100%;margin:0 auto}@media(max-width:768px){.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:1000}.sidebar.collapsed{transform:translate(-100%)}.main-content{margin-left:0}.content-area{padding:1rem}.main-header{padding:1rem 1.5rem}.page-title{font-size:1.5rem}}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#ffffff0d}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;padding:0;min-height:100vh}#root{min-height:100vh}code{background-color:#f4f4f4;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}pre{background-color:#f4f4f4;padding:16px;border-radius:8px;overflow-x:auto}pre code{background-color:transparent;padding:0}.nav-tabs{display:flex;gap:0;border-bottom:2px solid #e5e7eb;margin-bottom:1.5rem;list-style:none;padding:0}.nav-tabs .nav-item{margin:0}.nav-tabs .nav-link{display:block;padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:#6b7280;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;position:relative;margin-bottom:-2px}.nav-tabs .nav-link:hover:not(:disabled){color:#000;background-color:#f9fafb}.nav-tabs .nav-link.active{color:#000;border-bottom-color:#000;font-weight:600}.nav-tabs .nav-link:disabled{color:#d1d5db;cursor:not-allowed;opacity:.5}.tab-content{padding:1rem 0}