:root{--ink:#172033;--muted:#667085;--line:#e7eaf0;--bg:#f4f6fa;--panel:#fff;--nav:#101827;--brand:#5b4cf0;--brand2:#7868ff;--green:#079669;--red:#dc3545;--amber:#d97706;--shadow:0 10px 30px rgba(26,38,67,.07);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}a{color:#5145cd;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:linear-gradient(180deg,#111a2a,#0d1422);color:#e8ecf5;padding:24px 18px;display:flex;flex-direction:column;z-index:50}.brand{display:flex;gap:12px;align-items:center;color:#fff;margin:0 8px 32px}.brand:hover{text-decoration:none}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,var(--brand2),#3d2ed8);display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 8px 20px rgba(91,76,240,.35)}.brand strong,.brand small{display:block}.brand strong{font-size:1.05rem}.brand small{font-size:.72rem;color:#9fa9bd;margin-top:2px}.nav-list{display:grid;gap:5px}.nav-list a{color:#aeb8ca;padding:11px 12px;border-radius:10px;display:flex;align-items:center;gap:11px;font-size:.9rem;font-weight:600}.nav-list a:hover,.nav-list a.active{background:rgba(255,255,255,.1);color:#fff;text-decoration:none}.nav-dot{width:8px;height:8px;border:2px solid currentColor;border-radius:50%}.nav-list a.active .nav-dot{background:#8b7fff;border-color:#8b7fff;box-shadow:0 0 0 4px rgba(139,127,255,.13)}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:18px 8px 0;display:grid;gap:14px}.sidebar-foot>a{color:#9fa9bd;font-size:.85rem}.user-chip{display:flex;gap:10px;align-items:center}.user-chip>span,.avatar-small{width:34px;height:34px;border-radius:10px;background:#342c84;color:#fff;display:grid;place-items:center;font-weight:700}.user-chip strong,.user-chip small{display:block;font-size:.8rem}.user-chip small{color:#929db2;margin-top:2px}.main{margin-left:250px;min-height:100vh}.topbar{height:92px;background:#fff;border-bottom:1px solid var(--line);padding:0 34px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:30}.topbar h1{font-size:1.3rem;margin:0}.topbar p{font-size:.78rem;color:var(--muted);margin:4px 0 0}.topbar .quick-add{margin-left:auto;background:var(--brand);color:#fff;padding:11px 16px;border-radius:10px;font-size:.85rem;font-weight:700}.topbar .quick-add:hover{text-decoration:none;background:#493ad8}.menu-button{display:none;border:0;background:none;font-size:1.4rem}.content{padding:28px 34px 50px;max-width:1600px;margin:auto}.welcome-panel{background:linear-gradient(120deg,#4e3edb,#796cff);color:#fff;border-radius:18px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 16px 35px rgba(91,76,240,.2)}.welcome-panel h2{margin:7px 0 5px;font-size:1.55rem}.welcome-panel p{margin:0;color:#e2ddff}.eyebrow{font-size:.7rem;letter-spacing:.14em;font-weight:800;color:#a7a0ff}.button{border:0;border-radius:9px;padding:10px 15px;font-weight:700;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.button:hover{text-decoration:none}.button.primary{background:var(--brand);color:#fff}.button.primary:hover{background:#493ad8}.button.secondary{background:#fff;border:1px solid #d8ddea;color:#344054}.button.light{background:#fff;color:#3d30b2}.button.whatsapp{background:#16a765;color:#fff}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:22px 0}.metric{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:15px;padding:19px;display:flex;gap:14px;align-items:flex-start}.metric-icon{width:43px;height:43px;flex:0 0 43px;border-radius:12px;display:grid;place-items:center;font-weight:900}.metric-icon.blue{color:#2563eb;background:#eaf1ff}.metric-icon.violet{color:#6d28d9;background:#f0eaff}.metric-icon.amber{color:#b45309;background:#fff3dc}.metric-icon.green{color:#047857;background:#e1f7ef}.metric small,.metric strong,.metric a,.metric span{display:block}.metric small{color:var(--muted);font-size:.75rem}.metric strong{font-size:1.5rem;margin:3px 0}.metric a,.metric span{font-size:.72rem;color:#7465db}.single-metric{grid-template-columns:minmax(280px,390px)}.two-column{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;margin:20px 0}.two-column.unequal{grid-template-columns:minmax(320px,.8fr) minmax(450px,1.4fr)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);margin-bottom:20px;overflow:hidden}.panel-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px}.panel-head h3{font-size:1rem;margin:0}.panel-head p{font-size:.76rem;color:var(--muted);margin:4px 0 0}.panel-head>a{font-size:.78rem;font-weight:700}.list-stack{display:grid}.list-row{padding:14px 18px;display:flex;gap:13px;align-items:center;border-bottom:1px solid #eef0f4;color:var(--ink)}.list-row:last-child{border-bottom:0}.list-row:hover{text-decoration:none;background:#fafbfe}.list-row strong,.list-row small{display:block}.list-row strong{font-size:.86rem}.list-row small{color:var(--muted);font-size:.73rem;margin-top:3px}.grow{flex:1;min-width:0}.date-block{width:46px;height:49px;background:#f0edff;color:#5145cd;border-radius:10px;display:grid;place-items:center;line-height:1;padding:6px}.date-block strong{font-size:1.05rem}.date-block small{font-size:.62rem;color:#6b5adb}.priority-dot{width:10px;height:10px;background:#f59e0b;border-radius:50%;flex:0 0 auto}.priority-dot.overdue{background:#ef4444}.empty{text-align:center;color:var(--muted);padding:32px 20px;font-size:.85rem}.empty strong{display:block;color:var(--ink);margin-bottom:5px}.empty p{margin:0}.badge{display:inline-flex;border-radius:99px;padding:5px 9px;font-size:.68rem;font-weight:800;background:#eef2f7;color:#526071;white-space:nowrap}.status-confirmed,.status-completed{background:#e6f8f1;color:#057a55}.status-scheduled,.status-planned,.status-pending{background:#fff4dc;color:#9a5a02}.status-cancelled,.status-no_show{background:#ffe8ea;color:#b42334}.toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.toolbar p{margin:3px 0 0;color:var(--muted);font-size:.8rem}.toolbar-actions,.filter-row,.search,.inline-form,.row-actions{display:flex;gap:8px;align-items:end}.search{flex:1;max-width:590px}.search input{flex:1}.filter-row label{font-size:.7rem}.tabs{display:flex;background:#e9ecf4;border-radius:10px;padding:4px}.tabs a{padding:8px 13px;border-radius:8px;color:var(--muted);font-size:.8rem;font-weight:700}.tabs a.active{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.06)}.table-panel{overflow:hidden}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:800px}th{text-align:left;color:#667085;background:#fafbfc;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;padding:12px 16px;border-bottom:1px solid var(--line)}td{padding:13px 16px;border-bottom:1px solid #eef0f4;font-size:.82rem;vertical-align:middle}td>small{display:block;color:var(--muted);font-size:.7rem;margin-top:3px}.person{display:flex;gap:10px;align-items:center;color:var(--ink)}.person:hover{text-decoration:none}.person>span{width:34px;height:34px;border-radius:10px;background:#f0edff;color:#5a4dd2;display:grid;place-items:center;font-weight:800;font-size:.72rem}.person strong,.person small{display:block}.person small{color:var(--muted);font-size:.68rem;margin-top:2px}.row-actions{align-items:center}.row-actions a{font-size:.74rem;font-weight:700;white-space:nowrap}.row-overdue{background:#fff9f9}.form-panel{padding-bottom:22px}.form-grid{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid .full{grid-column:1/-1}.form-stack{padding:22px;display:grid;gap:16px}.form-grid label,.form-stack label,.auth-form label,.filter-row label{display:grid;gap:7px;color:#475467;font-size:.76rem;font-weight:700}input,select,textarea{width:100%;border:1px solid #d7dce7;background:#fff;border-radius:9px;padding:10px 11px;color:var(--ink);outline:none;font-size:.86rem}input:focus,select:focus,textarea:focus{border-color:#7a6df0;box-shadow:0 0 0 3px rgba(91,76,240,.1)}textarea{resize:vertical}.section-label{grid-column:1/-1;color:#344054;font-size:.77rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;border-top:1px solid var(--line);padding-top:20px;margin-top:4px}.action-strip{margin:0 22px;padding:18px 0 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px}.hint{font-size:.75rem;color:var(--muted);line-height:1.6;padding:0 22px}.import-box{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:18px}.import-box h3{margin:0 0 4px;font-size:.95rem}.import-box p{margin:0;color:var(--muted);font-size:.78rem}.profile-head{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);padding:22px;display:flex;gap:16px;align-items:center;margin-bottom:20px}.profile-head h2{margin:3px 0;font-size:1.35rem}.profile-head p{margin:0;color:var(--muted);font-size:.8rem}.avatar-large{width:58px;height:58px;border-radius:17px;background:#ece9ff;color:#4d40c5;display:grid;place-items:center;font-weight:900}.preserve{white-space:pre-wrap;padding:20px 22px;margin:0;line-height:1.65;color:#475467;font-size:.86rem}.text-button{background:none;border:0;color:#5145cd;font-size:.74rem;font-weight:700;cursor:pointer;padding:0}.text-button.danger{color:var(--red)}.sticky-save{position:sticky;bottom:16px;display:flex;justify-content:flex-end;margin-top:12px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 20% 15%,#e7e3ff,transparent 32%),radial-gradient(circle at 90% 85%,#dff5ef,transparent 28%),#f6f7fb}.auth-card,.install-card{width:min(100%,440px);background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px;box-shadow:0 22px 60px rgba(24,33,56,.12)}.install-card{width:min(100%,760px)}.auth-brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.auth-brand strong,.auth-brand small{display:block}.auth-brand small{color:var(--muted);font-size:.75rem}.auth-card h1,.install-card h1{font-size:1.5rem;margin:0 0 7px}.auth-card>p,.install-card>p{color:var(--muted);font-size:.85rem}.auth-form{display:grid;gap:16px;margin-top:22px}.privacy-note{text-align:center;color:#8892a5!important;font-size:.7rem!important;margin:22px 0 0!important}.alert{padding:12px 14px;border-radius:9px;margin-bottom:16px;font-size:.82rem;font-weight:650}.alert-success{background:#e7f8f1;color:#087455}.alert-error{background:#ffebed;color:#b42333}.alert-info{background:#eaf1ff;color:#295bad}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.two-column,.two-column.unequal{grid-template-columns:1fr}}
@media(max-width:780px){.sidebar{transform:translateX(-105%);transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:20px 0 60px rgba(0,0,0,.25)}.main{margin-left:0}.topbar{height:76px;padding:0 18px}.menu-button{display:block}.topbar .quick-add{font-size:0;padding:10px}.topbar .quick-add:after{content:'+';font-size:1.1rem}.content{padding:18px}.welcome-panel{align-items:flex-start;gap:18px;padding:22px;flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:14px}.metric strong{font-size:1.1rem}.toolbar{align-items:stretch;flex-direction:column}.toolbar-actions,.search{width:100%;max-width:none}.toolbar-actions .button{flex:1}.form-grid{grid-template-columns:1fr;padding:18px}.form-grid .full{grid-column:auto}.profile-head{align-items:flex-start;flex-wrap:wrap}.import-box{align-items:stretch;flex-direction:column}.inline-form{flex-wrap:wrap}}
@media(max-width:480px){.metric-grid{grid-template-columns:1fr}.topbar p{display:none}.content{padding:13px}.welcome-panel h2{font-size:1.25rem}.auth-card,.install-card{padding:23px}.action-strip{align-items:stretch;flex-direction:column}.action-strip .button{width:100%}}
.action-strip.wrap{flex-wrap:wrap}
.modal-open{overflow:hidden}.modal-backdrop[hidden]{display:none!important}.modal-backdrop{position:fixed;inset:0;background:rgba(7,35,37,.58);z-index:100;display:grid;place-items:center;padding:20px}.modal-card{width:min(100%,650px);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:18px;box-shadow:0 28px 80px rgba(0,0,0,.28)}.modal-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.modal-head h2{font-size:1.15rem;margin:0}.modal-head p{color:var(--muted);font-size:.78rem;margin:4px 0 0}.modal-close{border:0;background:#eef3f2;color:#344b4c;width:34px;height:34px;border-radius:10px;font-size:1.4rem;line-height:1;cursor:pointer}.quick-patient-form{padding-bottom:24px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.quick-patient-status{margin:0;color:var(--muted);font-size:.78rem;min-height:1.2em}.quick-patient-status.error{color:var(--red);font-weight:700}
.invoice-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#f2f8f7;border:1px solid #dce9e7;border-radius:11px;padding:14px 16px}.invoice-summary span{color:var(--muted);font-size:.75rem}.invoice-summary strong{display:block;color:var(--ink);font-size:1rem;margin-top:4px}button:disabled{opacity:.65;cursor:not-allowed}
:root{--ink:#172b2c;--muted:#667b7b;--line:#e2e9e8;--bg:#f4f8f7;--nav:#073c3e;--brand:#0b5758;--brand2:#d8a85c;--shadow:0 10px 30px rgba(7,60,62,.08)}
.sidebar{background:linear-gradient(180deg,#073c3e,#052d2e)}.brand-mark{background:linear-gradient(145deg,#d8a85c,#b8873f)}.welcome-panel{background:linear-gradient(120deg,#073c3e,#0b5758)}.eyebrow{color:#d8a85c}.nav-list a.active .nav-dot{background:#d8a85c;border-color:#d8a85c}.user-chip>span,.avatar-small{background:#0b5758}