:root{--background: #f8fafc;--foreground: #0f172a;--primary: #0284c7;--primary-foreground: #ffffff;--card: #ffffff;--card-foreground: #0f172a;--border: #e2e8f0;--muted: #64748b;--muted-foreground: #94a3b8;--radius: 12px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}body{margin:0;background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column}.navbar{background-color:var(--card);border-bottom:1px solid var(--border);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-weight:700;font-size:1.25rem;color:var(--primary);display:flex;align-items:center;gap:.5rem}.nav-links{display:flex;gap:1.5rem}.nav-link{color:var(--muted);font-weight:500}.nav-link:hover,.nav-link.active{color:var(--primary);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;border-radius:var(--radius);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background-color:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{background-color:#0369a1;transform:translateY(-1px)}.btn-secondary{background-color:#e2e8f0;color:#334155}.btn-secondary:hover{background-color:#cbd5e1}.form-card{background:var(--card);border:1px solid var(--border);padding:2.5rem;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;width:100%;max-width:440px;margin:auto}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-weight:500;font-size:.875rem;margin-bottom:.5rem;color:#334155}.form-input{width:100%;padding:.75rem;border-radius:8px;border:1px solid var(--border);font-size:.875rem;outline:none;transition:border-color .2s}.form-input:focus{border-color:var(--primary)}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:2rem}.clinic-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:transform .2s,box-shadow .2s}.clinic-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d}