.sidebar{background:var(--color-dark-bg);color:#fff;width:280px;z-index:var(--z-modal);transition:transform var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow-xl);transform:translate(0)}.sidebar-overlay{z-index:calc(var(--z-modal) - 1);animation:fadeIn var(--transition-fast);background:#00000080;position:fixed;inset:0}.sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex}.sidebar-header h2{font-size:1.25rem;font-weight:600}.sidebar-close{border-radius:var(--radius-md);color:#fff;width:36px;height:36px;transition:background var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.sidebar-close:hover{background:#ffffff1a}.sidebar-nav{padding:var(--spacing-md);flex:1;overflow-y:auto}.nav-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);border-radius:var(--radius-md);color:#ffffffb3;transition:all var(--transition-fast);text-decoration:none;display:flex}.nav-item:hover{color:#fff;background:#ffffff1a}.nav-item.active{background:var(--color-primary);color:#fff}.nav-item svg{flex-shrink:0}.badge{color:#fff;text-align:center;background:#f56565;border-radius:12px;min-width:20px;margin-left:auto;padding:.125rem .5rem;font-size:.75rem;font-weight:700}.sidebar-footer{padding:var(--spacing-lg);border-top:1px solid #ffffff1a}.user-profile{align-items:center;gap:var(--spacing-md);display:flex}.user-avatar{background:var(--color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.user-info{flex:1;min-width:0}.user-name{color:#fff;font-size:.875rem;font-weight:600}.user-email{color:#fff9;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.logout-button{width:100%;margin-top:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);color:#fffc;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-fast);background:#ffffff1a;font-size:.875rem;display:flex}.logout-button:hover{color:#fff;background:#ffffff26}.logout-button svg{flex-shrink:0}@media (min-width:1024px){.sidebar{box-shadow:none;transform:translate(0)}.sidebar-overlay,.sidebar-close{display:none}}
*{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-dark-bg:#2c2f3e;--color-darker-bg:#1f2128;--color-light-bg:#fff;--color-light-gray:#f8f9fa;--color-border:#e5e7eb;--color-text-primary:#1f2937;--color-text-secondary:#6b7280;--color-text-light:#9ca3af;--color-success:#10b981;--color-success-bg:#d1fae5;--color-warning:#f59e0b;--color-warning-bg:#fef3c7;--color-error:#ef4444;--color-error-bg:#fee2e2;--color-info:#3b82f6;--color-info-bg:#dbeafe;--color-draft:#6b7280;--color-draft-bg:#f3f4f6;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s ease;--z-dropdown:1000;--z-modal:1050;--z-fab:1100}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-light-gray);color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-light-gray)}::-webkit-scrollbar-thumb{background:var(--color-text-light);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.container{width:100%;max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}@media (min-width:768px){.container{padding:0 var(--spacing-lg)}}@media (min-width:1024px){.container{padding:0 var(--spacing-xl)}}button{cursor:pointer;transition:all var(--transition-fast);border:none;outline:none;font-family:inherit}button:disabled{opacity:.6;cursor:not-allowed}input,textarea,select{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm)var(--spacing-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);font-family:inherit;font-size:1rem}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #3b82f61a}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.hidden{display:none!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}