:root{--ink:#17263b;--muted:#77859a;--line:#e6ebf2;--white:#fff;--canvas:#f4f7fb;--navy:#122844;--blue:#2765ea;--blue2:#1f57d4;--teal:#12a79f;--shadow:0 12px 32px rgba(27,48,80,.07)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:Tahoma,"Segoe UI",Arial,sans-serif;background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(135deg,#3478f4,#10b0a7);box-shadow:0 9px 23px rgba(32,105,223,.28);font-size:20px}.login-view{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:#fff}.login-art{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:46px 62px;color:#fff;background:linear-gradient(145deg,#0e223c,#15345a 58%,#0d4565)}.login-brand{position:relative;z-index:2;display:flex;align-items:center;gap:13px}.login-brand div{display:flex;flex-direction:column}.login-brand b{font-size:21px}.login-brand small{margin-top:3px;color:#a9bed6;font-size:10px}.art-copy{position:relative;z-index:2;margin:auto 0;max-width:630px}.soft-label{display:inline-block;padding:7px 12px;border:1px solid rgba(255,255,255,.15);border-radius:30px;color:#99dfd9;background:rgba(255,255,255,.06);font-size:10px}.art-copy h1{margin:22px 0;font-size:clamp(42px,5.2vw,72px);line-height:1.32;letter-spacing:-2px}.art-copy h1 em{color:#4dd9ce;font-style:normal}.art-copy p{max-width:530px;color:#b9c9db;font-size:14px;line-height:2}.feature-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.feature-list span{padding:9px 12px;border:1px solid rgba(255,255,255,.1);border-radius:9px;color:#dae7f4;background:rgba(255,255,255,.045);font-size:10px}.art-glow{position:absolute;border-radius:50%;filter:blur(2px)}.glow-one{width:460px;height:460px;right:-170px;bottom:-130px;background:radial-gradient(circle,rgba(20,181,169,.24),transparent 68%)}.glow-two{width:380px;height:380px;left:-180px;top:-140px;background:radial-gradient(circle,rgba(55,116,238,.25),transparent 70%)}.login-panel{display:grid;place-items:center;padding:40px}.login-card{width:min(420px,100%)}.mobile-logo{display:none}.eyebrow{color:var(--blue);font-size:10px;font-weight:700}.login-card h2{margin:8px 0 6px;font-size:31px}.login-card>p{margin:0 0 28px;color:var(--muted);font-size:11px}.login-card label{display:flex;flex-direction:column;gap:8px;margin:15px 0}.login-card label span{color:#54647a;font-size:10px;font-weight:700}.login-card input{height:48px;padding:0 14px;border:1px solid #dce3ec;border-radius:11px;outline:0;background:#fbfcfe;color:var(--ink)}.login-card input:focus{border-color:#6594ef;box-shadow:0 0 0 4px rgba(39,101,234,.08)}.primary,.secondary{min-height:41px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 17px;border-radius:10px;font-size:10px;font-weight:700}.primary{border:1px solid var(--blue);color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue2));box-shadow:0 8px 18px rgba(39,101,234,.2)}.secondary{border:1px solid #dfe5ed;color:#4c5e75;background:#fff}.full{width:100%;margin-top:12px;justify-content:space-between;padding:0 19px;height:48px}.login-help{display:block;margin-top:20px;text-align:center;color:#9aa5b4;font-size:9px}.login-help code{color:#5f7188}.form-error{margin:11px 0;padding:10px 12px;border-radius:8px;color:#b74753;background:#fff0f1;font-size:9px}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 0 0 auto;z-index:40;width:276px;height:100vh;display:flex;flex-direction:column;padding:0 17px 18px;color:#d8e3f1;background:linear-gradient(180deg,#142a48,#0d213a);box-shadow:-8px 0 28px rgba(10,29,56,.1)}.brand-row{height:78px;display:flex;align-items:center;gap:12px;padding:0 6px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-row>div{display:flex;flex-direction:column}.brand-row b{color:#fff;font-size:19px}.brand-row small{margin-top:2px;color:#92a7c1;font-size:9px}.mobile-close{display:none;margin-right:auto;border:0;color:#fff;background:none;font-size:25px}.branch-picker{display:flex;align-items:center;gap:10px;margin:16px 2px 11px;padding:11px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.05)}.branch-symbol{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:#55d1c8;background:rgba(34,188,178,.13)}.branch-picker div{flex:1;display:flex;flex-direction:column;gap:3px}.branch-picker small{color:#859ab5;font-size:8px}.branch-picker b{color:#edf4fb;font-size:10px}.sidebar nav{flex:1;overflow:auto;padding:0 2px;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.sidebar nav>p{margin:18px 11px 7px;color:#6d85a4;font-size:8px;font-weight:700}.nav-item{position:relative;width:100%;min-height:42px;display:flex;align-items:center;gap:12px;margin:2px 0;padding:0 12px;border:0;border-radius:9px;color:#adbed2;background:transparent;text-align:right;transition:.18s}.nav-item i{width:18px;color:#91a6be;font-style:normal;font-size:17px;text-align:center}.nav-item span{flex:1;font-size:10.5px;font-weight:600}.nav-item small{min-width:25px;padding:3px 6px;border-radius:20px;color:#8fa4bf;background:rgba(255,255,255,.07);font-size:7px;text-align:center}.nav-item:hover{color:#fff;background:rgba(255,255,255,.06)}.nav-item.active{color:#fff;background:linear-gradient(90deg,#2867e8,#2877d7);box-shadow:0 7px 16px rgba(23,73,166,.22)}.nav-item.active i{color:#fff}.nav-item.active:after{content:"";position:absolute;right:-18px;width:4px;height:25px;border-radius:4px 0 0 4px;background:#4ed5cc}.profile-row{display:flex;align-items:center;gap:10px;padding:14px 7px 2px;border:0;border-top:1px solid rgba(255,255,255,.08);color:#d8e3ef;background:transparent;text-align:right}.profile-row div{flex:1;display:flex;flex-direction:column;gap:3px}.profile-row b{color:#fff;font-size:10px}.profile-row small{color:#8499b4;font-size:8px}.avatar{width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;border-radius:50%;color:#2865df;background:#eaf1ff;font-size:8px;font-weight:700}.avatar.teal{color:#0e928b;background:#e4f7f4}.avatar.violet{color:#7653d1;background:#f0ecff}.avatar.amber{color:#da8616;background:#fff2dd}.avatar.cyan{color:#108c9e;background:#e4f7fa}.avatar.dark{color:#e2edf8;background:#294260}.main-panel{min-height:100vh;margin-right:276px}.topbar{position:sticky;top:0;z-index:25;height:70px;display:flex;align-items:center;gap:19px;padding:0 29px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}.menu-button{display:none;width:39px;height:39px;border:1px solid var(--line);border-radius:10px;background:#fff}.global-search{width:min(530px,48%);height:41px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid #e4e9f0;border-radius:10px;color:#8c99aa;background:#f8fafc}.global-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:10px}.global-search kbd{padding:3px 6px;border:1px solid #dde3eb;border-radius:5px;background:#fff;font-size:8px}.top-actions{margin-right:auto;display:flex;align-items:center;gap:14px}.system-live{display:flex;align-items:center;gap:7px;color:#5b6d82;font-size:8.5px}.system-live i{width:7px;height:7px;border-radius:50%;background:#19b981;box-shadow:0 0 0 4px rgba(25,185,129,.11)}.notification{position:relative;width:39px;height:39px;border:1px solid var(--line);border-radius:10px;color:#53657b;background:#fff}.notification b{position:absolute;top:-5px;left:-5px;width:17px;height:17px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;color:#fff;background:#ef5b67;font-size:7px}.today{display:flex;align-items:center;gap:9px;padding-right:14px;border-right:1px solid var(--line)}.today div{display:flex;flex-direction:column;gap:2px}.today small{color:#98a3b2;font-size:7px}.today b{color:#40536a;font-size:9px}.page-content{max-width:1560px;margin:0 auto;padding:27px 30px 50px}.page-stack{display:flex;flex-direction:column;gap:18px}.welcome{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:71px}.welcome h1{margin:4px 0 0;font-size:26px;letter-spacing:-.4px}.welcome p{margin:7px 0 0;color:var(--muted);font-size:9.5px}.actions{display:flex;gap:9px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat-card{position:relative;min-height:124px;display:flex;align-items:flex-start;gap:12px;padding:19px;overflow:hidden;border:1px solid #e8edf3;border-radius:14px;background:#fff;box-shadow:0 5px 17px rgba(33,52,82,.035)}.stat-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:12px;font-size:18px}.stat-icon.blue{color:#2865e4;background:#ebf2ff}.stat-icon.teal{color:#0e9b94;background:#e4f8f5}.stat-icon.violet{color:#7553d2;background:#f0ecff}.stat-icon.amber{color:#dd8c18;background:#fff3df}.stat-card div{display:flex;flex-direction:column}.stat-card small{color:#8591a3;font-size:8px}.stat-card strong{margin-top:5px;font-size:22px}.stat-card strong em{color:#67788d;font-size:9px;font-style:normal;font-weight:500}.stat-card p{margin:6px 0 0;color:#8d98a8;font-size:7.5px}.stat-card p b{color:#2864db}.spark{position:absolute;left:0;bottom:0;width:87px;height:47px;opacity:.65;clip-path:polygon(0 68%,15% 49%,30% 62%,44% 31%,59% 51%,75% 14%,100% 34%,100% 100%,0 100%);background:linear-gradient(180deg,rgba(44,104,235,.22),transparent)}.card{border:1px solid #e7ebf1;border-radius:15px;background:#fff;box-shadow:var(--shadow)}.card-head{min-height:67px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-bottom:1px solid #edf0f4}.card-head h2{margin:0;color:#27384f;font-size:12px}.card-head p{margin:5px 0 0;color:#8e99a9;font-size:8px}.text-button{border:0;color:var(--blue);background:transparent;font-size:8px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(305px,.8fr);gap:15px;align-items:start}.appointment-list{padding:0 17px 5px}.appointment-row{min-height:68px;display:grid;grid-template-columns:67px 3px 35px minmax(115px,1fr) minmax(105px,.7fr) 82px 20px;align-items:center;gap:10px;border-bottom:1px solid #edf1f5}.appointment-row:last-child{border-bottom:0}.appointment-time{display:flex;flex-direction:column;gap:4px}.appointment-time b{font-size:9.5px}.appointment-time small{color:#9aa4b3;font-size:7px}.color-line{width:3px;height:33px;border-radius:4px;background:#2b69e9}.appointment-row:nth-child(2) .color-line{background:#14a49b}.appointment-row:nth-child(3) .color-line{background:#eba12b}.appointment-row:nth-child(4) .color-line{background:#7b58d2}.patient-info{min-width:0;display:flex;flex-direction:column;gap:4px}.patient-info b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#35465c;font-size:9px}.patient-info small{color:#8f9aa9;font-size:7.5px}.doctor-info{color:#6e7e91;font-size:7.5px}.status{min-width:76px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 8px;border-radius:20px;font-size:7px}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status.completed{color:#188666;background:#e9f8f2}.status.in_consultation{color:#2860d3;background:#eaf1ff}.status.waiting{color:#b87315;background:#fff4e1}.status.confirmed{color:#7551c7;background:#f1edff}.row-menu{border:0;color:#99a4b2;background:transparent}.side-column{display:grid;gap:15px}.queue-row{min-height:63px;display:grid;grid-template-columns:21px 34px 1fr auto;align-items:center;gap:9px;padding:7px 14px;border-bottom:1px solid #edf1f4}.queue-row:last-child{border-bottom:0}.queue-row>span:first-child{color:#99a4b2;font-size:7px}.queue-row .patient-info b{font-size:8.5px}.queue-row button{padding:6px 8px;border:1px solid #dbe4ef;border-radius:7px;color:#2d62cc;background:#f7faff;font-size:7px}.load-body{padding:8px 16px 14px}.load-row{padding:7px 0}.load-row div:first-child{display:flex;justify-content:space-between;margin-bottom:6px}.load-row b{color:#56687f;font-size:7.5px}.load-row span{color:#97a2b1;font-size:7px}.progress{height:5px;overflow:hidden;border-radius:5px;background:#edf1f6}.progress i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#2a69eb,#16aaa2)}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.7fr);gap:15px}.chart{height:210px;display:flex;align-items:end;gap:6%;padding:28px 35px 18px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 39px,#edf0f4 40px)}.chart-group{flex:1;height:150px;display:flex;align-items:end;justify-content:center;gap:5px;position:relative}.chart-group i,.chart-group b{width:10px;border-radius:5px 5px 2px 2px}.chart-group i{background:#c7d6f8}.chart-group b{background:linear-gradient(#2c6def,#2459d1)}.chart-group span{position:absolute;bottom:-16px;color:#8e99aa;font-size:7px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:13px}.quick-grid button{min-height:91px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:12px;border:1px solid #e8edf2;border-radius:10px;background:#fbfcfe;text-align:right}.quick-grid button i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#2865e4;background:#eaf1ff;font-style:normal}.quick-grid button:nth-child(2) i{color:#0f9992;background:#e5f7f5}.quick-grid button:nth-child(3) i{color:#7652d0;background:#f0ecff}.quick-grid button:nth-child(4) i{color:#d98515;background:#fff2dc}.quick-grid b{font-size:8.5px}.quick-grid small{color:#98a3b1;font-size:7px}.table-card{overflow:hidden}.table-toolbar{display:flex;gap:8px}.select{height:32px;padding:0 10px;border:1px solid var(--line);border-radius:8px;color:#607086;background:#fff;font-size:8px}.responsive-table{overflow:auto}.responsive-table table{width:100%;min-width:830px;border-collapse:collapse}.responsive-table th{padding:12px 17px;border-bottom:1px solid #e8edf2;color:#8995a6;background:#f8fafc;font-size:7.5px;text-align:right}.responsive-table td{padding:12px 17px;border-bottom:1px solid #edf1f4;color:#617188;font-size:8.5px}.patient-cell{display:flex;align-items:center;gap:9px}.patient-cell div{display:flex;flex-direction:column;gap:4px}.patient-cell b{color:#35465c;font-size:9px}.patient-cell small{color:#929dab;font-size:7px}.file-id{color:#2e63ce;font-weight:700}.tag{display:inline-block;padding:5px 8px;border-radius:20px;color:#2b65d6;background:#edf3ff;font-size:7px}.week-strip{display:grid;grid-template-columns:repeat(6,1fr);padding:9px}.week-strip button{min-height:81px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;border-left:1px solid #edf1f4;background:none}.week-strip button.active{border:0;border-radius:10px;color:#fff;background:linear-gradient(135deg,#2a68ea,#16a9a1)}.week-strip span{color:#8793a5;font-size:7.5px}.week-strip b{font-size:17px}.week-strip small{color:#99a4b2;font-size:6.5px}.week-strip .active span,.week-strip .active small{color:#e7f3ff}.module-hero{display:flex;align-items:center;gap:16px;padding:22px;border:1px solid #dfe8f5;border-radius:15px;background:linear-gradient(110deg,#edf4ff,#f0fbfa)}.module-hero-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(135deg,#2b69eb,#15aaa2);font-size:24px}.module-hero div:nth-child(2){flex:1}.module-hero h2{margin:5px 0;font-size:17px}.module-hero p{margin:0;color:#708097;font-size:8.5px}.module-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.module-stat{min-height:143px;padding:20px}.module-stat i{width:37px;height:37px;display:grid;place-items:center;margin-bottom:12px;border-radius:10px;color:#2865e4;background:#eaf1ff;font-style:normal}.module-stat small{display:block;color:#8793a4;font-size:8px}.module-stat b{display:block;margin:5px 0;font-size:20px}.module-stat p{margin:0;color:#929cab;font-size:7.5px}.activity-row{min-height:65px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:9px 17px;border-bottom:1px solid #edf1f4}.activity-row>i{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;color:#2865e4;background:#eaf1ff;font-style:normal}.activity-row div{display:flex;flex-direction:column;gap:4px}.activity-row b{font-size:8.5px}.activity-row small{color:#929dac;font-size:7px}.activity-row>span{padding:5px 8px;border-radius:15px;color:#26785e;background:#e9f8f3;font-size:6.5px}.page-loading{height:50vh;display:grid;place-items:center;align-content:center;gap:12px;color:#8390a3;font-size:9px}.page-loading span{width:31px;height:31px;border:3px solid #dbe4f0;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}.empty-state{padding:60px 20px;text-align:center;color:#8794a5;font-size:9px}.empty-state b{display:block;margin-bottom:6px;color:#45586f;font-size:12px}.modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px;background:rgba(9,25,48,.58);backdrop-filter:blur(5px)}.modal-card{width:min(610px,100%);max-height:92vh;overflow:auto;border-radius:17px;background:#fff;box-shadow:0 28px 75px rgba(4,17,38,.3)}.modal-head{min-height:85px;display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #e9edf2}.modal-head>div{display:flex;align-items:center;gap:12px}.modal-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,#2a68e9,#16a9a4);font-size:18px}.modal-head h2{margin:0;font-size:14px}.modal-head p{margin:5px 0 0;color:#8b97a7;font-size:8px}.modal-head>button{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:20px}.form-grid label{display:flex;flex-direction:column;gap:7px}.form-grid label.full{grid-column:1/-1}.form-grid span{color:#5f6f83;font-size:8px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea{height:40px;padding:0 11px;border:1px solid #dfe5ed;border-radius:9px;outline:0;color:#34455c;background:#fbfcfe;font-size:8.5px}.form-grid textarea{height:72px;padding-top:10px;resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#6998ef;box-shadow:0 0 0 3px rgba(43,102,229,.08)}.safe-note{display:flex;align-items:center;gap:9px;margin:0 20px;padding:11px 13px;border-radius:9px;color:#527086;background:#eff8fb;font-size:7.5px}.safe-note>span{color:#159b91;font-size:16px}.safe-note p{margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px;padding:16px 20px;border-top:1px solid #e9edf2}.toast{position:fixed;z-index:100;bottom:24px;left:24px;display:flex;align-items:center;gap:9px;padding:12px 16px;border-radius:10px;color:#fff;background:#153755;box-shadow:0 14px 34px rgba(6,25,48,.25);font-size:8.5px;opacity:0;transform:translateY(18px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}.toast span{color:#56dfc8;font-size:15px}.toast p{margin:0}.mobile-overlay{display:none}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1180px){.stats-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.bottom-grid{grid-template-columns:1fr}.side-column{grid-template-columns:1fr 1fr}.system-live{display:none}.page-content{padding:24px 22px 44px}.module-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.login-view{grid-template-columns:1fr}.login-art{display:none}.mobile-logo{display:flex;align-items:center;gap:10px;margin-bottom:35px}.sidebar{transform:translateX(100%);transition:.25s}.sidebar.open{transform:none}.mobile-close{display:block}.mobile-overlay.show{position:fixed;inset:0;z-index:35;display:block;background:rgba(9,24,46,.5);backdrop-filter:blur(3px)}.main-panel{margin-right:0}.menu-button{display:block}.global-search{width:min(480px,70%)}.today{display:none}.module-stats{grid-template-columns:1fr 1fr}.module-stat:last-child{grid-column:1/-1}}@media(max-width:650px){.login-panel{padding:30px 22px}.topbar{height:63px;padding:0 12px;gap:8px}.global-search{flex:1;width:auto}.global-search kbd{display:none}.top-actions{gap:7px}.page-content{padding:18px 12px 34px}.welcome{align-items:flex-start;flex-direction:column}.welcome h1{font-size:22px}.actions{width:100%}.actions button{flex:1}.stats-grid{gap:9px}.stat-card{min-height:108px;padding:13px;gap:9px}.stat-icon{width:36px;height:36px;flex-basis:36px}.stat-card strong{font-size:17px}.spark{display:none}.appointment-row{grid-template-columns:55px 3px 32px 1fr;gap:7px}.appointment-row .doctor-info,.appointment-row .status,.appointment-row .row-menu{display:none}.appointment-list{padding-inline:11px}.side-column{grid-template-columns:1fr}.chart{padding-inline:14px;gap:3%}.module-hero{align-items:flex-start;flex-wrap:wrap}.module-hero .secondary{width:100%}.module-stats{grid-template-columns:1fr}.module-stat:last-child{grid-column:auto}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.table-toolbar .secondary{display:none}}