:root{--font-size:16px;--background:#f8f9fc;--foreground:#1e293b;--card:#fff;--card-foreground:#1e293b;--primary:#004b67;--primary-foreground:#fff;--secondary:#006b8f;--secondary-foreground:#fff;--muted:#e2e8f0;--muted-foreground:#64748b;--accent:#e0f2f7;--accent-foreground:#003d52;--destructive:#ef4444;--destructive-foreground:#fff;--border:#cbd5e1;--input-background:#f1f5f9;--radius:0.5rem}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--background);color:var(--foreground);font-size:var(--font-size);min-height:100vh}a{color:var(--primary);text-decoration:none}.container{max-width:1280px;margin:0 auto;padding:calc(60px + 24px) 24px 24px}.flex{display:flex}.grid{display:grid}.hidden{display:none!important}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.card+.card{margin-top:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-weight:500;padding:10px 18px;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:filter .15s,background .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-foreground)}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-secondary{background:var(--secondary);color:var(--secondary-foreground)}.btn-ghost{background:transparent;color:var(--foreground);border-color:var(--border)}.btn-ghost:hover{background:var(--muted)}.btn-destructive{background:var(--destructive);color:var(--destructive-foreground)}.btn-small{padding:6px 12px;font-size:13px}.input,select.input,textarea.input{width:100%;padding:10px 12px;font:inherit;background:var(--input-background);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,75,103,.15)}label{display:block;font-size:14px;font-weight:500;margin-bottom:6px;color:var(--foreground)}.field{margin-bottom:16px}.topbar{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--card);border-bottom:1px solid var(--border);padding:10px 24px;display:flex;align-items:center;justify-content:space-between;height:60px}.topbar-brand{font-weight:700;color:var(--primary);font-size:18px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:24px;flex-wrap:wrap}.tab{padding:10px 16px;background:transparent;cursor:pointer;color:var(--muted-foreground);font:inherit;font-weight:500;border:none;border-bottom:2px solid transparent}.tab:hover{color:var(--foreground)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px}.client-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;cursor:pointer;transition:transform .1s,border-color .1s}.client-card:hover{transform:translateY(-2px);border-color:var(--primary)}.client-card h3{color:var(--primary);margin-bottom:4px}.alert{padding:12px 16px;border-radius:var(--radius);margin-bottom:16px;font-size:14px}.alert-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.alert-success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:420px}.login-card h1{color:var(--primary);margin-bottom:4px}.login-card p.muted{color:var(--muted-foreground);margin-bottom:24px;font-size:14px}