:root,body.theme-blue{--hc-color-brand-900:#0f4c81;--hc-color-accent-600:#0d8f9a;--hc-color-border:#cbd5e1;--hc-color-surface-soft:#eff6ff;--hc-color-text-muted:#475569;--hc-color-surface:#f8fbff;--hc-color-text:#0f172a;--hc-color-brand-700:#1d4ed8;--hc-color-accent-700:#16a34a}.theme-green{--hc-color-brand-900:#0b5f3b;--hc-color-accent-600:#16a34a;--hc-color-border:#d1fae5;--hc-color-surface-soft:#ecfdf5;--hc-color-text-muted:#334e3a;--hc-color-surface:#f7fdf5;--hc-color-text:#0f3b1d;--hc-color-brand-700:#10b981;--hc-color-accent-700:#15803d}body{background:var(--hc-color-surface);color:var(--hc-color-text);min-height:100vh;margin:0;}body.theme-blue,body.theme-green{transition:background .3s ease,color .3s ease;}.ma-shell{margin:auto;max-width:76rem;padding:1.5rem}.ma-header{align-items:center;border-bottom:1px solid var(--hc-color-border);display:flex;gap:1rem;justify-content:space-between;padding-bottom:1rem}.ma-header p{color:var(--hc-color-text-muted);font-size:.875rem;margin:0}.ma-brand{color:var(--hc-color-brand-900);font:400 2rem var(--hc-font-display);text-decoration:none}.ma-brand span,.ma-hero em{color:var(--hc-color-accent-600);font-style:normal}.ma-hero{align-items:center;display:grid;gap:2rem;grid-template-columns:1.4fr .6fr;padding:4rem 0}.ma-hero h1{font-size:clamp(2.5rem,6vw,4rem);margin:.5rem 0}.ma-hero p{max-width:44rem}.ma-status{background:var(--hc-color-surface-soft);border:1px solid var(--hc-color-border);border-radius:var(--hc-radius-lg);display:grid;gap:.4rem;padding:1.5rem}.ma-status span{color:var(--hc-color-text-muted);font-size:.9rem}.ma-tabs{border-bottom:1px solid var(--hc-color-border);display:flex;gap:1rem;overflow:auto}.ma-tabs button{background:transparent;border:0;border-bottom:3px solid transparent;color:var(--hc-color-text-muted);cursor:pointer;font:600 .9rem var(--hc-font-sans);padding:.9rem .25rem;white-space:nowrap}.ma-tabs button.is-active{border-color:var(--hc-color-accent-600);color:var(--hc-color-brand-900)}.ma-panel{display:none;padding:2rem 0}.ma-panel.is-active{display:block}.ma-form{display:grid;gap:1rem}.ma-form label{display:grid;font-size:.85rem;font-weight:600;gap:.35rem}.ma-form input,.ma-form select{border:1px solid var(--hc-color-border);border-radius:var(--hc-radius-sm);font:400 1rem var(--hc-font-sans);min-height:2.75rem;padding:.5rem .65rem}.ma-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.ma-message{color:var(--hc-color-accent-600);font-weight:600;margin:0}.ma-admin-head{align-items:end;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.ma-login{display:flex;gap:.5rem}.ma-login input{border:1px solid var(--hc-color-border);border-radius:var(--hc-radius-sm);font:inherit;padding:.5rem}.ma-admin-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.ma-admin-grid h3,.ma-appointments h3{margin-top:0}.ma-appointments{margin-top:1rem}.ma-table-head{align-items:center;display:flex;justify-content:space-between}.ma-appointment{border-top:1px solid var(--hc-color-border);display:grid;gap:.25rem;padding:1rem 0}.ma-appointment small{color:var(--hc-color-text-muted)}.ma-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.3rem}.ma-actions button{background:var(--hc-color-surface-soft);border:1px solid var(--hc-color-border);border-radius:.35rem;color:var(--hc-color-brand-900);cursor:pointer;font:600 .75rem var(--hc-font-sans);padding:.4rem .55rem}.ma-chat{max-width:44rem}.ma-chat-log{background:var(--hc-color-surface-soft);border-radius:var(--hc-radius-md);display:grid;gap:.75rem;min-height:14rem;padding:1rem}.ma-chat-log p{margin:0}.ma-chat-bot{background:#fff;border-radius:.5rem;padding:.65rem}.ma-chat-user{justify-self:end;background:var(--hc-color-brand-900)!important;color:#fff;padding:.65rem}.ma-chat-form{display:flex;gap:.75rem;margin-top:1rem}.ma-chat-form input{border:1px solid var(--hc-color-border);border-radius:var(--hc-radius-sm);font:inherit;min-width:0;padding:.6rem;flex:1}.ma-header-actions{display:flex;align-items:center;gap:.75rem}.ma-theme-toggle{border:1px solid var(--hc-color-border);background:var(--hc-color-surface-soft);color:var(--hc-color-brand-900);border-radius:.5rem;cursor:pointer;font:600 .85rem var(--hc-font-sans);padding:.55rem .9rem}.ma-theme-toggle:hover{background:var(--hc-color-border)}@media(max-width:48rem){.ma-hero,.ma-admin-grid{grid-template-columns:1fr}.ma-admin-head{align-items:stretch;flex-direction:column}.ma-login,.ma-chat-form{flex-direction:column}.ma-grid{grid-template-columns:1fr}.ma-header{flex-wrap:wrap}}
