*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f6f8;--surface:#fff;--border:#d1d5db;--text:#111827;--text-muted:#6b7280;--primary:#1d4ed8;--primary-hover:#1e40af;--error:#dc2626;--error-bg:#fef2f2;--success:#16a34a;--success-bg:#f0fdf4;--radius:8px;font-size:16px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,sans-serif;line-height:1.5}.container{max-width:640px;margin:0 auto;padding:1.5rem 1rem 3rem}.page-header{margin-bottom:1.5rem}.page-header h1{font-size:1.5rem;font-weight:700}.page-sub{color:var(--text-muted);margin-top:.25rem}.field{margin-bottom:1.25rem}.field-label{margin-bottom:.375rem;font-size:.875rem;font-weight:600;display:block}.required{color:var(--error)}input[type=text],textarea,select{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);background:var(--surface);appearance:none;padding:.625rem .75rem;font-family:inherit;font-size:1rem;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #1d4ed826}textarea{resize:vertical;min-height:90px}.other-input{margin-top:.5rem}.field-error{color:var(--error);margin-top:.25rem;font-size:.8125rem}.row-2{grid-template-columns:1fr;display:grid}@media (width>=480px){.row-2{grid-template-columns:1fr 1fr;gap:0 1rem}}.alert-error{background:var(--error-bg);color:var(--error);border-radius:var(--radius);border:1px solid #fca5a5;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.9rem}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;margin-top:1.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:background .15s;display:block}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{color:var(--primary);border:2px solid var(--primary);border-radius:var(--radius);cursor:pointer;background:0 0;margin-top:1rem;padding:.625rem 1.25rem;font-size:.95rem;font-weight:600;transition:background .15s}.btn-secondary:hover{background:#1d4ed80f}.loading-placeholder{border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);padding:.625rem .75rem;font-size:.9rem}.success-card{background:var(--surface);border-radius:var(--radius);text-align:center;border:1px solid #bbf7d0;margin-top:2rem;padding:2.5rem 2rem}.success-icon{background:var(--success-bg);width:56px;height:56px;color:var(--success);border-radius:50%;margin:0 auto 1rem;font-size:1.75rem;line-height:56px}.success-card h1{margin-bottom:.5rem;font-size:1.375rem}.success-card p{color:var(--text-muted)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.side-nav{background:#111827;padding:.75rem 1rem}.side-nav-logo{width:108px;height:auto;margin-bottom:.75rem;display:block}.side-nav ul{gap:.5rem;list-style:none;display:flex}.side-nav button{border-radius:var(--radius);color:#cbd5e1;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:.5rem .75rem;font-size:.9rem}.side-nav button:hover{color:#fff;background:#ffffff14}.side-nav button.is-active{background:var(--primary);color:#fff;font-weight:600}.app-content{flex:1;min-width:0}@media (width>=48rem){.app-shell{flex-direction:row}.side-nav{flex:0 0 210px;padding:1.25rem 1rem}.side-nav ul{flex-direction:column;gap:.25rem}}.directory-search{border:1px solid var(--border);border-radius:var(--radius);width:100%;font:inherit;background:var(--surface);margin-bottom:1rem;padding:.6rem .75rem}.vendor-list{gap:.75rem;list-style:none;display:grid}.vendor-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:1rem}.vendor-name{font-size:1.05rem;font-weight:700}.vendor-service{color:var(--text-muted);margin-top:.15rem;font-size:.875rem}.vendor-details{grid-template-columns:5.5rem 1fr;gap:.3rem .75rem;margin-top:.75rem;font-size:.9rem;display:grid}.vendor-details dt{color:var(--text-muted)}.vendor-details dd a{color:var(--primary)}.auth-screen{background:var(--bg);place-items:center;min-height:100vh;padding:1.5rem;display:grid}.auth-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:.4rem;width:min(360px,100%);padding:1.75rem;display:flex;box-shadow:0 8px 24px #10182814}.auth-logo{border-radius:var(--radius);background:#111827;width:108px;height:auto;margin-bottom:.5rem;padding:.5rem .65rem}.auth-card h1{font-size:1.3rem}.auth-hint{color:var(--text-muted);margin-bottom:.75rem;font-size:.9rem}.auth-card label{margin-top:.4rem;font-size:.85rem;font-weight:600}.auth-card input{border:1px solid var(--border);border-radius:var(--radius);font:inherit;padding:.55rem .65rem}.auth-card button{border-radius:var(--radius);background:var(--primary);color:#fff;font:inherit;cursor:pointer;border:0;margin-top:1rem;padding:.6rem .9rem;font-weight:600}.auth-card button:disabled{opacity:.55;cursor:not-allowed}.auth-error{color:var(--error);margin-top:.6rem;font-size:.88rem}