:root {--color-primary-50:#EDF5F9;--color-primary-100:#D0E5EF;--color-primary-200:#A3CCE0;--color-primary-300:#6DACC9;--color-primary-400:#3D8DB3;--color-primary-500:#0A6E9A;--color-primary-600:#065A82;--color-primary-700:#054B6D;--color-primary-800:#043C57;--color-primary-900:#032D42;--color-accent-50:#FFF1F1;--color-accent-100:#FFD9DA;--color-accent-200:#FFB3B5;--color-accent-300:#FC8E91;--color-accent-400:#F96167;--color-accent-500:#F96167;--color-accent-600:#E04E54;--color-accent-700:#C13B41;--color-accent-800:#9A2F33;--color-slate-50:#F8FAFC;--color-slate-100:#F1F5F9;--color-slate-200:#E2E8F0;--color-slate-300:#CBD5E1;--color-slate-400:#6B7280;--color-slate-500:#52525B;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1E293B;--color-slate-900:#0F172A;--color-success-50:#F0FDF4;--color-success-100:#DCFCE7;--color-success-500:#22C55E;--color-success-600:#16A34A;--color-success-700:#15803D;--color-warning-50:#FFFBEB;--color-warning-100:#FEF3C7;--color-warning-500:#F59E0B;--color-warning-600:#D97706;--color-error-50:#FEF2F2;--color-error-100:#FEE2E2;--color-error-500:#EF4444;--color-error-600:#DC2626;--color-error-700:#B91C1C;--color-info-50:#EFF6FF;--color-info-500:#3B82F6;--color-bg:#FAFBFE;--color-surface:#FFFFFF;--color-surface-hover:#F8FAFC;--color-overlay:rgba(15,23,42,0.5);--font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-serif:'Georgia','Times New Roman',serif;--font-mono:'JetBrains Mono','Fira Code','Courier New',monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-normal:400;--font-medium:500;--font-semibold:600;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.7;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,0.04);--shadow-sm:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.07),0 2px 4px -2px rgba(0,0,0,0.05);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.08),0 4px 6px -4px rgba(0,0,0,0.04);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.08),0 8px 10px -6px rgba(0,0,0,0.04);--shadow-btn:0 2px 8px rgba(6,90,130,0.25);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--z-dropdown:40;--z-sticky:50;--z-overlay:60;--z-modal:70;--z-toast:80;}

.btn{padding:10px 16px;font-size:var(--text-sm);}
.btn-group{gap:var(--space-2);}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 20px;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1.5;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;min-height:40px;}
.btn:focus{outline:3px solid #F96167;outline-offset:2px;box-shadow:0 0 0 4px rgba(249,97,103,0.2);}
.btn:focus:not(:focus-visible){outline:none;box-shadow:none;}
.btn:focus-visible{outline:3px solid #F96167;outline-offset:2px;box-shadow:0 0 0 4px rgba(249,97,103,0.2);}
.btn:disabled,.btn.disabled{opacity:0.5;cursor:not-allowed;pointer-events:none;}
.btn svg{width:18px;height:18px;flex-shrink:0;}
.btn-primary{background-color:var(--color-primary-600);color:#fff;border-color:var(--color-primary-600);}
.btn-primary:hover{background-color:var(--color-primary-700);border-color:var(--color-primary-700);color:#fff;box-shadow:var(--shadow-btn);}
.btn-primary:active{background-color:var(--color-primary-800);}
.btn-secondary{background-color:var(--color-surface);color:var(--color-slate-700);border-color:var(--color-slate-300);}
.btn-secondary:hover{background-color:var(--color-slate-50);border-color:var(--color-slate-400);color:var(--color-slate-800);}
.btn-accent{background-color:var(--color-accent-500);color:#fff;border-color:var(--color-accent-500);}
.btn-accent:hover{background-color:var(--color-accent-600);color:#fff;box-shadow:0 2px 8px rgba(249,97,103,0.35);}
.btn-ghost{background-color:transparent;color:var(--color-primary-600);border-color:transparent;}
.btn-ghost:hover{background-color:var(--color-primary-50);color:var(--color-primary-700);}
.btn-danger{background-color:var(--color-error-600);color:#fff;border-color:var(--color-error-600);}
.btn-danger:hover{background-color:var(--color-error-700);color:#fff;}
.btn-sm{padding:6px 14px;font-size:var(--text-xs);min-height:32px;}
.btn-sm svg{width:14px;height:14px;}
.btn-lg{padding:12px 28px;font-size:var(--text-base);min-height:48px;}
.btn-lg svg{width:20px;height:20px;}
.btn-block{display:flex;width:100%;}
.btn-icon{padding:10px;min-width:40px;}
.btn-group{display:flex;gap:var(--space-3);flex-wrap:wrap;}
.btn-sm{min-height:44px;padding:10px 14px;}
.btn-toggle-password{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:6px;color:var(--color-slate-400);font-size:18px;line-height:1;}
.navbar{position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-surface);border-bottom:1px solid var(--color-slate-200);box-shadow:0 1px 3px rgba(0,0,0,0.04);height:64px;}
.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-6);}
.navbar-brand{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;flex-shrink:0;}
.navbar-brand-text{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-primary-700);letter-spacing:-0.02em;}
.navbar-brand-icon{width:32px;height:32px;background:var(--color-primary-600);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;}
.navbar-brand-icon svg{width:18px;height:18px;}
.navbar-links{display:flex;align-items:center;gap:var(--space-1);list-style:none;}
.navbar-link{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-slate-600);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;}
.navbar-link:hover{color:var(--color-primary-600);background:var(--color-primary-50);}
.navbar-link.active{color:var(--color-primary-600);background:var(--color-primary-50);}
.navbar-link svg{width:16px;height:16px;}
.navbar-dropdown-wrapper{position:relative;}
.navbar-dropdown-trigger{border:none;background:none;cursor:pointer;font-family:var(--font-sans);}
.navbar-dropdown-nav{left:0;right:auto;}
.navbar-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;}
.navbar-user{position:relative;}
.navbar-user-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:none;border:1px solid var(--color-slate-200);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans);color:var(--color-slate-700);}
.navbar-user-btn:hover{border-color:var(--color-slate-300);background:var(--color-slate-50);}
.navbar-avatar{width:32px;height:32px;background:var(--color-primary-100);color:var(--color-primary-700);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-semibold);}
.navbar-user-name{font-size:var(--text-sm);font-weight:var(--font-medium);max-width:120px;overflow:hidden;text-overflow:ellipsis;}
.navbar-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-surface);border:1px solid var(--color-slate-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:200px;padding:var(--space-2);opacity:0;visibility:hidden;transform:translateY(-4px);transition:all var(--transition-fast);z-index:var(--z-dropdown);}
.navbar-dropdown.open{opacity:1;visibility:visible;transform:translateY(0);}
.navbar-dropdown-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-slate-600);border-radius:var(--radius-sm);transition:all var(--transition-fast);text-decoration:none;border:none;background:none;width:100%;cursor:pointer;font-family:var(--font-sans);}
.navbar-dropdown-item:hover{background:var(--color-slate-50);color:var(--color-slate-800);}
.navbar-dropdown-item svg{width:16px;height:16px;color:var(--color-slate-400);}
.navbar-dropdown-divider{height:1px;background:var(--color-slate-100);margin:var(--space-2) 0;}
.navbar-dropdown-item.danger{color:var(--color-error-600);}
.navbar-dropdown-item.danger svg{color:var(--color-error-400);}
.navbar-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--space-2);color:var(--color-slate-600);}
.navbar-toggle svg{width:24px;height:24px;}
.navbar-mobile{display:none;position:absolute;top:64px;left:0;right:0;background:var(--color-surface);border-bottom:1px solid var(--color-slate-200);box-shadow:var(--shadow-lg);padding:var(--space-4);z-index:var(--z-dropdown);}
.navbar-mobile.open{display:block;}
.navbar-mobile .navbar-link{display:flex;padding:var(--space-3) var(--space-4);font-size:var(--text-base);border-radius:var(--radius-md);}
.navbar-mobile .navbar-actions{flex-direction:column;padding-top:var(--space-4);margin-top:var(--space-4);border-top:1px solid var(--color-slate-200);}
.navbar-mobile .btn{width:100%;}
.navbar-links{display:none;}
.navbar-actions.desktop-only{display:none;}
.navbar-toggle{display:block;}
.navbar-brand-text{color:#fff;}
.btn-group{justify-content:center;}
.btn{width:100%;}
/* Ensure mobile menu hidden by default */
.navbar-mobile { display: none !important; }
.navbar-mobile.open { display: block !important; }