@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:Manrope,Arial,sans-serif;color:#223d3b;background:#f6f8f9;font-synthesis:none;--green:#087b6b;--muted:#80908f;--line:#e7eded}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #69bbaa;outline-offset:3px}a{color:inherit;text-decoration:none}.sidebar{position:fixed;width:244px;inset:0 auto 0 0;background:white;border-right:1px solid var(--line);padding:32px 20px;display:flex;flex-direction:column}.brand{font-size:25px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;margin:0 10px 34px}.brand>span:last-child{color:var(--green)}.brand-icon{background:var(--green);color:white;font-size:30px;width:37px;height:39px;text-align:center;border-radius:12px;margin-right:9px}.clinic{display:flex;align-items:center;gap:10px;background:#f6f8f8;border:1px solid var(--line);border-radius:12px;padding:13px 9px;margin-bottom:33px}.clinic-icon{background:#e5eeeb;color:var(--green);padding:10px;border-radius:8px;font-weight:800}.clinic strong{font-size:12px}.clinic small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.nav-caption{font-size:9px;letter-spacing:1.6px;color:#9aa7a5;margin:0 13px 13px}nav{display:grid;gap:7px}nav a{padding:13px;border-radius:9px;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;color:#71827f}nav a.active{background:#e6f3ef;color:var(--green)}.nav-icon{width:23px;font-size:19px}.nav-count{margin-left:auto;font-size:10px;background:white;border-radius:5px;padding:3px 6px}.side-bottom{margin-top:auto;font-size:10px;color:#6d8580;line-height:2}.side-bottom small{display:block;color:#9aa9a6;margin-left:14px}.status-dot{display:inline-block;border-radius:50%;background:#36a58a;width:6px;height:6px;margin-right:5px}.text-button{border:0;background:none;color:#6c8780;padding:8px 0;font-size:11px}.workspace{margin-left:244px}header{height:85px;background:white;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 38px}.breadcrumb{font-size:12px;color:#8d9998}.breadcrumb span{margin:0 15px;color:#c3ceca}.breadcrumb b{color:#435c58;font-weight:500}.header-right{display:flex;gap:20px;align-items:center}.demo-pill{font-size:9px;font-weight:800;letter-spacing:1px;color:#9a7c3a;background:#fbf3df;padding:6px 8px;border-radius:5px}.role-label{font-size:10px;color:#7b8986;display:flex;align-items:center;gap:9px}select{border:1px solid var(--line);background:white;color:#365951;border-radius:7px;padding:8px;font-size:11px}.avatar{background:#dfede8;border-radius:50%;padding:11px;font-size:11px;font-weight:800;color:#387563}.demo-banner{font-size:10px;line-height:1.8;background:#eef5f2;color:#698078;display:flex;gap:10px;padding:10px 38px}.demo-banner>span{font-size:19px;color:#3c8d79}main{padding:32px 38px;min-height:calc(100vh - 195px)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:26px}.eyebrow{font-size:9px;color:var(--green);font-weight:800;letter-spacing:1.8px;margin-bottom:7px}h1{margin:0;font-size:28px;letter-spacing:-1px;line-height:1.4}p.subtitle{font-size:11px;color:var(--muted);margin:7px 0 0}.btn{border:1px solid var(--line);border-radius:8px;padding:11px 16px;font-size:11px;background:white;color:#48615b;font-weight:700;display:inline-flex;gap:9px;align-items:center;justify-content:center}.btn.primary{background:var(--green);color:white;border-color:var(--green)}.btn:hover{filter:brightness(.96)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.stat{background:white;border:1px solid var(--line);border-radius:12px;padding:18px 20px}.stat-top{display:flex;justify-content:space-between;font-size:10px;color:#7d908a;align-items:center}.stat-icon{color:#5c9e90;background:#f1f7f4;border-radius:7px;padding:5px 8px;font-size:15px}.stat-number{font-size:27px;letter-spacing:-1px;font-weight:800;margin:7px 0}.stat-foot{font-size:9px;color:#8d9e97}.stat-foot.green{color:#31967a}.panel{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden}.toolbar{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.date-tools{display:flex;align-items:center;gap:10px}.date-tools input{border:0;font-weight:700;color:#314d46;background:none;font-size:12px;width:140px}.tool-group{display:flex;gap:8px;align-items:center}.square{border:1px solid var(--line);background:white;width:27px;height:27px;border-radius:6px;color:#7d948b}.tag{font-size:9px;border-radius:5px;padding:5px 8px;background:#f4f7f6;color:#7d8c87}.legend{display:flex;gap:15px;padding:15px 20px;border-bottom:1px solid var(--line);font-size:9px;color:#819189}.legend i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;background:#399d87}.legend span:nth-child(2) i{background:#7c9bd3}.legend span:nth-child(3) i{background:#d7ac51}.calendar{overflow:auto}.calendar-head{display:grid;grid-template-columns:60px repeat(3,minmax(180px,1fr));min-width:620px;border-bottom:1px solid var(--line)}.doctor{padding:17px 15px;border-left:1px solid var(--line);display:flex;gap:10px;align-items:center}.doctor-avatar{border-radius:50%;padding:9px;background:#e8f1ed;color:#528674;font-size:11px;font-weight:700}.doctor strong{font-size:11px}.doctor small{display:block;font-size:9px;color:#92a098;margin-top:3px}.calendar-grid{position:relative;display:grid;grid-template-columns:60px repeat(3,minmax(180px,1fr));min-width:620px}.hours{height:540px}.hour{height:90px;font-size:9px;color:#9aa9a2;text-align:center;padding-top:12px}.doctor-column{height:540px;position:relative;border-left:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 89px,#edf1ef 89px,#edf1ef 90px)}.visit{position:absolute;left:9px;right:9px;border:0;border-left:3px solid #399d87;background:#edf7f2;border-radius:7px;padding:10px 11px;text-align:left;color:#315d4e;overflow:hidden}.visit.blue{background:#edf2fc;border-left-color:#7798d4;color:#496789}.visit.amber{background:#fcf5e8;border-left-color:#d7ac51;color:#957833}.visit.cancelled{background:#f2f3f3;border-color:#adb6b3;color:#8c9691;opacity:.7}.visit-time{font-size:9px;display:flex;justify-content:space-between;margin-bottom:5px}.visit-name{font-size:11px;font-weight:800;display:block}.visit-service{font-size:9px;display:block;margin-top:5px}.visit-status{font-size:8px;display:block;margin-top:7px}.panel-bottom{padding:13px 20px;font-size:9px;display:flex;justify-content:space-between;color:#8da097;border-top:1px solid var(--line)}.search{padding:10px 13px;border:1px solid var(--line);border-radius:8px;font-size:11px;background:#fafcfc;width:270px;max-width:100%}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{font-size:9px;color:#97a49e;font-weight:600;letter-spacing:.3px;background:#fafcfa}td,th{padding:17px 20px;border-bottom:1px solid #edf1ef}tbody tr:last-child td{border-bottom:0}.patient-name{display:flex;gap:10px;align-items:center}.patient-name b{display:block;font-size:11px}.patient-name small{display:block;color:#8d9f96;font-size:9px;margin-top:3px}.badge{font-size:9px;background:#edf6f0;color:#47836c;border-radius:5px;padding:5px 8px;white-space:nowrap}.badge.amber{color:#a0803c;background:#faf3e6}.badge.blue{color:#6a82b4;background:#eff3fb}.empty{padding:45px;text-align:center;color:#85958e;font-size:12px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.info-card{padding:25px;background:white;border:1px solid var(--line);border-radius:12px}.info-card h2{font-size:16px;margin:0 0 15px}.info-card p{font-size:12px;line-height:1.9;color:#789086}.estimate-total{background:#123f36;color:white;border-radius:12px;padding:28px;margin-bottom:22px;display:flex;justify-content:space-between;gap:20px;align-items:center}.estimate-total p{color:#bad1c7;font-size:11px;line-height:1.8}.estimate-total strong{font-size:30px}.table-wrap{overflow:auto}.access-note{padding:15px;background:#f9f3e8;color:#947945;font-size:11px;border-radius:8px;margin-bottom:20px}.check{color:#15836a;font-weight:800}footer{margin:0 38px;padding:22px 0;border-top:1px solid var(--line);display:flex;gap:14px;font-size:10px;color:#9aaba2}footer>span:last-child{margin-left:auto}dialog{border:1px solid var(--line);border-radius:16px;padding:28px;width:550px;max-width:calc(100vw - 28px);color:#294d42;box-shadow:0 20px 100px #123b3126}dialog::backdrop{background:#163b345c;backdrop-filter:blur(3px)}dialog h2{font-size:21px;margin:0 0 5px}dialog p{font-size:11px;line-height:1.8;color:#83968d}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close{border:0;background:#f0f5f2;color:#6c8277;border-radius:50%;width:27px;height:27px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:7px;font-size:10px;color:#789084}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{padding:11px;border:1px solid #dae6df;border-radius:7px;background:white;font-size:12px;color:#294d42;min-width:0;width:100%}.field textarea{min-height:85px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.details{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.detail{background:#f5f8f6;padding:13px;border-radius:8px;font-size:12px}.detail small{display:block;font-size:9px;color:#869a8e;margin-bottom:6px}.history-item{border-top:1px solid var(--line);padding:13px 0;font-size:11px;line-height:1.8}.history-item small{color:#8e9e95}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#214b3d;color:white;border-radius:10px;padding:13px 24px;box-shadow:0 5px 25px #214b3d22;display:none;font-size:12px;z-index:5}.mobile-only{display:none}
@media(min-width:1500px){main{max-width:1500px;margin:auto}.calendar-grid,.hours,.doctor-column{height:600px}.hour{height:100px}.doctor-column{background-size:100% 100px;background-image:linear-gradient(to bottom,transparent 99px,#edf1ef 99px)}}
@media(max-width:1050px){.sidebar{width:195px;padding:26px 13px}.workspace{margin-left:195px}main{padding:25px 22px}header{padding:0 22px}.demo-banner{padding:10px 22px}.stats{gap:10px}.stat{padding:14px}.stat-number{font-size:23px}.role-label{font-size:0}.cards{grid-template-columns:1fr}}
@media(max-width:700px){.sidebar{position:static;width:100%;padding:15px 16px;border-bottom:1px solid var(--line)}.brand{font-size:22px;margin:0 0 17px}.brand-icon{font-size:25px;height:33px;width:33px}.clinic,.nav-caption,.side-bottom{display:none}nav{display:flex;overflow:auto;gap:5px}nav a{padding:10px;font-size:10px;white-space:nowrap;gap:5px}.nav-icon{font-size:15px;width:15px}.nav-count{display:none}.workspace{margin:0}header{height:63px;padding:0 16px}.header-right{gap:9px}.avatar{display:none}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 7px}.demo-pill{font-size:8px}.role-label select{max-width:143px;font-size:10px}.demo-banner{padding:9px 16px;font-size:9px}main{padding:24px 16px}.page-heading{align-items:flex-start;gap:7px}h1{font-size:23px}.subtitle{max-width:210px;line-height:1.6}.page-heading .btn{padding:11px;font-size:10px}.stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.stat{padding:14px}.stat-number{font-size:25px}.stat-top{font-size:9px}.toolbar{padding:13px;gap:12px}.legend{gap:10px;padding:12px;font-size:8px}.date-tools{gap:5px}.date-tools input{width:125px;font-size:11px}.estimate-total{display:block;padding:22px}.estimate-total strong{font-size:27px}.estimate-total>div:last-child{margin-top:15px}.cards{gap:12px}.info-card{padding:20px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}dialog{padding:22px}.details{gap:9px}td,th{padding:15px 13px;white-space:nowrap}.panel-bottom{padding:12px}.panel-bottom span:last-child{display:none}footer{margin:0 16px;font-size:9px}footer>span:last-child{display:none}}