:root{--primary:#176b87;--primary-dark:#10546c;--ink:#17252f;--muted:#6d7b85;--line:#e3e9ed;--bg:#f5f8fa;--white:#fff;--danger:#b42318;--radius:14px;--shadow:0 2px 10px rgba(24,42,52,.06)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg)}a{color:var(--primary);text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:245px 1fr}.sidebar{height:100vh;position:sticky;top:0;background:#102d3a;color:#dceaf0;padding:24px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;color:white;font-size:18px;padding:0 8px 30px}.brand span,.logo-large{display:grid;place-items:center;background:#46b3a7;color:white;border-radius:11px;width:38px;height:38px;font-weight:800}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{color:#c8d9df;padding:11px 13px;border-radius:9px}.sidebar nav a:hover{background:#1a4050;color:#fff}.sidebar .disabled{opacity:.4;cursor:default}.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;color:#7794a0;margin:22px 13px 5px}.user-card{margin-top:auto;padding:14px 8px 0;border-top:1px solid #264755;display:flex;align-items:center;justify-content:space-between}.user-card strong,.user-card small{display:block;font-size:13px}.user-card small{color:#8ea8b3;margin-top:3px}.user-card form button{background:none;border:0;color:#bcd0d8;font-size:20px;cursor:pointer}.main{min-width:0}.topbar{height:70px;background:white;border-bottom:1px solid var(--line);padding:0 32px;display:flex;align-items:center}.topbar div{display:flex;flex-direction:column}.topbar small{color:var(--muted);font-size:11px;margin-top:2px}.menu{display:none}.content{padding:30px;max-width:1500px;margin:auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;gap:20px}.page-heading h1{font-size:27px;margin:4px 0}.page-heading p,.card-head p{color:var(--muted);margin:0}.back{font-size:13px}.btn{display:inline-flex;border:0;border-radius:9px;padding:11px 17px;background:var(--primary);color:white;font-weight:650;cursor:pointer;justify-content:center}.btn:hover{background:var(--primary-dark)}.btn.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.btn.full{width:100%;margin-top:8px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metrics article{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;gap:14px;box-shadow:var(--shadow)}.metric-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center}.metric-icon.blue{background:#e6f5fb;color:#087ca7}.metric-icon.violet{background:#f0edff;color:#6941c6}.metric-icon.amber{background:#fff5df;color:#b26a00}.metric-icon.green{background:#e8f8ef;color:#16874b}.metrics small,.metrics strong,.metrics em{display:block}.metrics strong{font-size:28px;margin:2px 0}.metrics em{font-size:11px;color:var(--muted);font-style:normal}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px}.card-head{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.card h2,.card-head h2{font-size:17px;margin:0 0 4px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px;background:#fbfcfd}th,td{padding:14px 18px;border-bottom:1px solid var(--line)}td{font-size:14px}td small{display:block;color:var(--muted);margin-top:3px}.status{font-size:11px;padding:5px 9px;border-radius:20px;background:#eef2f4}.status.completed{background:#e4f7ec;color:#137a41}.status.arrived{background:#fff0d8;color:#a35e00}.status.cancelled,.status.no_show{background:#feeceb;color:#b42318}.filters{padding:18px;display:flex;gap:10px;border-bottom:1px solid var(--line)}.filters>input{flex:1}.filters label{display:flex;align-items:center;gap:10px}.code{font-family:ui-monospace,monospace;font-size:12px;color:var(--muted)}.patient-name{display:flex;align-items:center;gap:10px;color:var(--ink)}.avatar{width:34px;height:34px;border-radius:50%;background:#dff1f2;color:#176b87;display:grid;place-items:center;font-size:12px;font-weight:750}.avatar.large{width:58px;height:58px;font-size:18px}.profile-title{display:flex;align-items:center;gap:14px;margin-top:10px}.form-card{padding:24px}.form-card h2{padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}.form-grid label,.login-form label{font-size:13px;font-weight:650;display:flex;flex-direction:column;gap:7px}.form-grid .wide{grid-column:1/-1}input,select,textarea{width:100%;border:1px solid #cdd8de;border-radius:8px;padding:11px 12px;color:var(--ink);background:white}input:focus,select:focus,textarea:focus{outline:3px solid #d9eff4;border-color:var(--primary)}textarea{min-height:84px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin:5px 0 30px}.field-error{color:var(--danger)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-grid .card{padding:22px}.detail-grid dl{display:grid;grid-template-columns:140px 1fr;gap:15px;margin:18px 0 0}.detail-grid dt{font-size:12px;color:var(--muted)}.detail-grid dd{margin:0;font-size:14px}.medical div{background:#f8fafb;padding:12px 14px;border-radius:8px;margin-top:12px}.medical h3{font-size:12px;margin:0 0 6px}.medical p{font-size:14px;margin:0;color:#43545e}.agenda article{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);gap:20px}.agenda time{font-weight:750;font-size:18px;width:55px}.agenda time small{display:block;color:var(--muted);font-weight:400;font-size:11px}.agenda-body{flex:1}.agenda-body p{margin:4px 0;color:var(--muted);font-size:13px}.agenda form{width:150px}.empty{text-align:center;padding:60px 20px;color:var(--muted)}.empty.compact{padding:30px}.alert{padding:12px 16px;border-radius:8px;margin-bottom:18px;font-size:14px}.alert.success{background:#e5f7ec;color:#126d3b}.alert.error{background:#feebea;color:#a51d15}.guest-shell{background:white}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-visual{background:linear-gradient(135deg,rgba(12,61,79,.92),rgba(15,116,119,.8)),radial-gradient(circle at 25% 30%,#46b3a7,#102d3a);color:white;padding:10%;display:flex;align-items:flex-end}.login-visual .logo-large{width:52px;height:52px}.login-visual h1{font-size:45px;line-height:1.08;margin:28px 0 18px}.login-visual p{color:#cfe5e8;font-size:17px;max-width:520px}.login-panel{display:grid;place-items:center;padding:35px}.login-form{max-width:390px;width:100%}.login-form h2{font-size:32px;margin:10px 0}.login-form>p{color:var(--muted);margin:0 0 30px}.login-form label{margin:17px 0}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--primary);font-weight:800}.muted{display:block;text-align:center;color:var(--muted);margin-top:22px}
@media(max-width:1000px){.metrics{grid-template-columns:1fr 1fr}.sidebar{position:fixed;z-index:5;transform:translateX(-100%);transition:.2s}.app-shell{display:block}.menu-open .sidebar{transform:none}.menu{display:block;background:none;border:0;font-size:20px;margin-right:15px}.detail-grid{grid-template-columns:1fr}.login-wrap{grid-template-columns:1fr}.login-visual{display:none}}@media(max-width:650px){.content{padding:20px 14px}.topbar{padding:0 15px}.page-heading{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.form-card{padding:18px}.detail-grid dl{grid-template-columns:1fr;gap:5px}.detail-grid dd{margin-bottom:10px}.agenda article{align-items:flex-start;flex-wrap:wrap}.agenda form{width:100%}.filters{flex-wrap:wrap}.filters .btn{width:100%}}