*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--color-background);color:var(--color-text)}#app{min-height:100vh}.navbar{background:linear-gradient(135deg,var(--color-primaryDark) 0%,var(--color-primary) 100%);padding:1rem 0;box-shadow:0 4px 6px #0000004d;position:sticky;top:0;z-index:100;border-bottom:3px solid var(--color-accent)}.container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none;display:flex;align-items:center;gap:.5rem}.dev-badge{background:var(--color-error);padding:.25rem .75rem;border-radius:.25rem;font-size:.875rem;font-weight:700;letter-spacing:.05em;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.nav-links{display:flex;gap:2rem;align-items:center}.nav-link{color:#fff;text-decoration:none;font-weight:500;transition:all .2s;padding:.5rem 0}.nav-link:hover{color:var(--color-primaryLight);transform:translateY(-2px)}.nav-link.router-link-active{border-bottom:2px solid var(--color-accent)}.nav-link.admin{background:#fbbf2433;padding:.5rem 1rem;border-radius:.5rem;border:1px solid var(--color-warning)}.btn-logout{padding:.5rem 1rem;background:var(--color-surface);border:2px solid var(--color-error);color:var(--color-error);border-radius:.5rem;cursor:pointer;font-weight:600;transition:all .2s}.btn-logout:hover{background:var(--color-error);color:#fff;transform:translateY(-2px)}:root{--color-primary: #3b82f6;--color-primaryDark: #1e3a8a;--color-primaryLight: #60a5fa;--color-secondary: #8b5cf6;--color-accent: #06b6d4;--color-background: #0a0e27;--color-backgroundLight: #1a1f3a;--color-surface: #1e293b;--color-error: #ef4444;--color-success: #10b981;--color-warning: #f59e0b;--color-text: #ffffff;--color-textSecondary: #94a3b8}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primaryLight) 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px #0000004d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0006}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-primary);padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--color-primary);transform:translateY(-2px)}.card{background:var(--color-surface);border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px #0000004d;border:1px solid var(--color-primary)}.input{background:var(--color-backgroundLight);border:2px solid var(--color-surface);color:var(--color-text);padding:.75rem;border-radius:.5rem;width:100%;transition:border-color .2s}.input:focus{outline:none;border-color:var(--color-primary)}