@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #0d9488;--primary-light: #2dd4bf;--primary-pale: #f0fdfa;--success: #52b788;--warning: #f4a261;--danger: #e63946;--gold: #e9c46a;--surface: #ffffff;--surface2: #f8fafc;--border: #e2e8f0;--text: #1e293b;--text-muted: #94a3b8;--sidebar-w: 240px}[data-theme=dark]{--surface: #1e2330;--surface2: #151b27;--border: #2d3748;--text: #e2e8f0;--text-muted: #64748b;--primary-pale: #1e2a4a}body{font-family:Plus Jakarta Sans,sans-serif;background:#e6f7f6;color:var(--text);font-size:14px;line-height:1.5}.layout{display:flex;min-height:100vh}.main{flex:1;margin-left:var(--sidebar-w);display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:10;background:var(--surface);border-bottom:1px solid var(--border);padding:0 28px;height:60px;display:flex;align-items:center;justify-content:space-between}.header-title h1{font-size:18px;font-weight:800}.header-title p{font-size:12px;color:var(--text-muted)}.header-actions{display:flex;gap:8px;align-items:center}.content{padding:24px 28px;flex:1}.btn{padding:8px 16px;border-radius:9px;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;border:none;transition:opacity .15s;display:inline-flex;align-items:center;gap:6px}.btn:hover{opacity:.87}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-sm{padding:5px 11px;font-size:12px;border-radius:7px}.btn-icon{padding:7px;border-radius:8px;background:var(--surface2);border:1px solid var(--border);cursor:pointer;font-size:16px}.card{background:var(--surface);border-radius:14px;border:1px solid var(--border);overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.card-title{font-size:14px;font-weight:700}.card-action{font-size:12px;color:var(--primary);text-decoration:none;font-weight:600}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.kpi-card{background:var(--surface);border-radius:14px;border:1px solid var(--border);padding:18px 20px}.kpi-card.green{border-left:3px solid var(--success)}.kpi-card.blue{border-left:3px solid var(--primary)}.kpi-card.gold{border-left:3px solid var(--gold)}.kpi-card.red{border-left:3px solid var(--danger)}.kpi-icon{font-size:22px;margin-bottom:10px}.kpi-value{font-size:22px;font-weight:800;margin-bottom:4px}.kpi-label{font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}table{width:100%;border-collapse:collapse}thead th{padding:10px 16px;text-align:left;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);background:var(--surface2)}tbody td{padding:12px 16px;border-bottom:1px solid var(--border);font-size:13px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface2)}.patient-cell{display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.patient-name{font-size:13px;font-weight:700}.patient-sub{font-size:11px;color:var(--text-muted)}.pill{display:inline-flex;align-items:center;font-size:11px;font-weight:700;padding:3px 9px;border-radius:8px}.toolbar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);flex-wrap:wrap}.search-wrap{display:flex;align-items:center;gap:8px;background:var(--surface2);border:1px solid var(--border);border-radius:9px;padding:7px 12px;min-width:220px}.search-wrap input{border:none;background:none;outline:none;font-family:inherit;font-size:13px;color:var(--text);width:100%}.filter-tabs{display:flex;gap:4px;flex-wrap:wrap}.filter-tab{padding:5px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;color:var(--text-muted);transition:all .15s}.filter-tab:hover{background:var(--surface2);color:var(--text)}.filter-tab.active{background:var(--primary-pale);color:var(--primary)}.pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--border)}.page-info{font-size:12px;color:var(--text-muted)}.page-btns{display:flex;gap:4px}.page-btn{width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--surface)}.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:var(--surface);border-radius:18px;width:560px;max-width:95vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000026}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between}.modal-title{font-size:16px;font-weight:800}.modal-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.modal-close{background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-muted);padding:4px}.modal-body{padding:20px 24px;overflow-y:auto;flex:1}.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end}.form-section{margin-bottom:20px}.form-section-title{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.form-grid{display:grid;gap:12px}.form-grid.cols2{grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{font-size:12px;font-weight:700;color:var(--text-muted)}.form-input,.form-select,.form-textarea{padding:9px 12px;border:1.5px solid var(--border);border-radius:9px;font-size:13px;font-family:inherit;background:var(--surface);color:var(--text);outline:none;transition:border-color .15s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-light)}.form-textarea{min-height:80px;resize:vertical}.req{color:var(--danger)}.col-actions{display:flex;gap:4px}.act-btn{width:28px;height:28px;border-radius:7px;background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px}.act-btn:hover{background:var(--primary-pale);border-color:var(--primary-light)}.empty-state{padding:40px;text-align:center;color:var(--text-muted)}.empty-icon{font-size:36px;margin-bottom:8px}.empty-text{font-size:14px;font-weight:600}.toast-container{position:fixed;bottom:24px;right:24px;z-index:999;display:flex;flex-direction:column;gap:8px}.toast{padding:12px 18px;border-radius:10px;font-size:13px;font-weight:600;opacity:0;transform:translateY(10px);transition:all .25s;max-width:320px;box-shadow:0 4px 16px #0000001f}.toast.show{opacity:1;transform:translateY(0)}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--danger);color:#fff}.toast-warning{background:var(--warning);color:#fff}.toast-info{background:var(--primary);color:#fff}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.spinner-dark{border-color:var(--border);border-top-color:var(--primary)}@keyframes spin{to{transform:rotate(360deg)}}.loading-row td{text-align:center;padding:32px;color:var(--text-muted)}.detail-overlay{position:fixed;inset:0;z-index:90;pointer-events:none}.detail-overlay.open{pointer-events:all}.detail-backdrop{position:absolute;inset:0;background:#0000004d;opacity:0;transition:opacity .2s}.detail-overlay.open .detail-backdrop{opacity:1}.detail-panel{position:absolute;right:0;top:0;bottom:0;width:360px;background:var(--surface);box-shadow:-4px 0 24px #0000001a;display:flex;flex-direction:column;transform:translate(100%);transition:transform .25s}.detail-overlay.open .detail-panel{transform:translate(0)}.dp-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.dp-close{margin-left:auto;background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-muted)}.dp-body{flex:1;overflow-y:auto;padding:16px 20px}.dp-footer{padding:14px 20px;border-top:1px solid var(--border);display:flex;gap:8px}.dp-section{margin-bottom:20px}.dp-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:10px}.dp-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--border);font-size:12px}.dp-label{color:var(--text-muted)}.dp-val{font-weight:600;text-align:right}.hasta-dropdown{position:absolute;z-index:100;background:var(--surface);border:1.5px solid var(--primary-light);border-radius:10px;box-shadow:0 8px 24px #0000001f;max-height:200px;overflow-y:auto;width:100%;top:100%;margin-top:4px}.hasta-opt{padding:10px 14px;cursor:pointer;font-size:13px;border-bottom:1px solid var(--border)}.hasta-opt:last-child{border-bottom:none}.hasta-opt:hover{background:var(--primary-pale)}.hasta-opt-name{font-weight:700}.hasta-opt-sub{font-size:11px;color:var(--text-muted)}.hasta-wrap{position:relative}.secili-hasta{margin-top:6px;background:var(--primary-pale);border-radius:8px;padding:8px 12px;font-size:12px;display:flex;align-items:center;justify-content:space-between}.kanban-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.kanban-col{background:var(--surface);border-radius:14px;border:1px solid var(--border);overflow:hidden}.kanban-col-header{padding:12px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.kanban-col-body{padding:10px;display:flex;flex-direction:column;gap:8px;min-height:200px}.kanban-card{background:var(--surface2);border-radius:10px;padding:11px;border:1px solid var(--border)}.hamburger-btn{display:none}@media(min-width:769px){.sidebar-mobile{transform:none!important;width:240px!important}}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0006;z-index:49;opacity:0;transition:opacity .2s}.sidebar-overlay.open{display:block;opacity:1}@media(max-width:768px){:root{--sidebar-w: 0px}.hamburger-btn{display:flex;align-items:center;justify-content:center;position:fixed;top:12px;left:12px;z-index:60;width:40px;height:40px;border-radius:10px;background:var(--surface);border:1px solid var(--border);font-size:20px;cursor:pointer;box-shadow:0 2px 8px #00000014}.sidebar-mobile{transform:translate(-100%);transition:transform .25s ease;width:260px!important;z-index:55!important}.sidebar-mobile.open{transform:translate(0)}.main{margin-left:0!important;padding-top:0;max-width:100vw}body{overflow-x:hidden}.layout{max-width:100vw;overflow-x:hidden}.content{overflow-x:hidden;padding:12px}.header{padding:8px 12px 8px 60px;height:auto;min-height:56px;flex-wrap:wrap;gap:6px;position:sticky;top:0;z-index:10}.header-title h1{font-size:15px}.header-title p{font-size:11px}.header-actions{flex-wrap:wrap;gap:6px}.header-actions .btn{font-size:11px;padding:6px 10px}.header-actions .btn-ghost{display:none}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:8px}.kpi-card{padding:12px}.kpi-value{font-size:18px}.kpi-icon{font-size:18px;margin-bottom:6px}.kanban-grid{display:flex!important;overflow-x:auto;gap:10px;padding-bottom:10px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.kanban-col{min-width:240px;flex-shrink:0;scroll-snap-align:start}.card{overflow:visible}table{min-width:560px}.table-scroll-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.toolbar{padding:10px 12px;gap:8px;flex-wrap:wrap}.search-wrap{min-width:100%;flex:1 1 100%}.modal-overlay{align-items:flex-end}.modal{width:100%!important;max-width:100vw!important;border-radius:18px 18px 0 0!important;margin:0;max-height:92vh}.detail-panel{width:100%!important}.dp-footer{flex-wrap:wrap}.dp-footer .btn{flex:1 1 calc(50% - 4px)!important;font-size:11px!important;padding:8px 4px!important;justify-content:center;min-width:0}.filter-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;-webkit-overflow-scrolling:touch}.toast-container{right:12px;left:12px;bottom:12px}.toast{max-width:100%}.form-grid.cols2{grid-template-columns:1fr!important}[style*="left: var(--sidebar-w)"]{left:0!important}}.dashboard-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:768px){.dashboard-bottom-grid{grid-template-columns:1fr}.card [style*="display: flex"][style*="alignItems: stretch"]{flex-direction:column}}@media(max-width:768px){button,a,.act-btn,.page-btn,.filter-tab{min-height:40px}[style*=maxWidth]{max-width:100%!important}input[type=text],input[type=password],input[type=email],input[type=number],input[type=date],input[type=search],select,textarea{max-width:100%!important;box-sizing:border-box!important}.content table{min-width:560px}}@media(max-width:375px){.kpi-grid{grid-template-columns:1fr!important;gap:6px}.kpi-card{padding:10px}.kpi-value{font-size:16px}.content{padding:8px!important}.header{padding:6px 8px 6px 52px;min-height:48px}.header-title h1{font-size:13px}.btn{font-size:11px;padding:6px 10px}.btn-sm{font-size:10px;padding:4px 8px}.modal-header,.modal-body{padding:14px 16px}.modal-footer{padding:12px 16px}.modal-title{font-size:14px}.toast{font-size:12px;padding:10px 14px}}@media(max-width:768px)and (orientation:landscape){.modal{max-height:95vh}.sidebar-mobile.open{width:220px!important}}@media print{.sidebar-mobile,.hamburger-btn,.sidebar-overlay,.header-actions,.toast-container{display:none!important}.main{margin-left:0!important}.content{padding:0!important}}.uts-page{min-height:100vh}@media(max-width:768px){.uts-page{padding:12px!important}.uts-page [style*="display: flex"][style*=borderBottom]{overflow-x:auto!important;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;gap:4px!important;padding-bottom:8px!important}.uts-page [style*="display: flex"][style*=borderBottom] button{white-space:nowrap!important;font-size:12px!important;padding:8px 12px!important;flex-shrink:0!important}.uts-page [style*="justifyContent: 'space-between'"][style*="alignItems: 'center'"]{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.uts-page [style*="gap: 8px"]:not([style*=flexDirection]){flex-wrap:wrap!important}.uts-page table{min-width:500px}.uts-page div:has(>table){overflow-x:auto;-webkit-overflow-scrolling:touch}.uts-page [style*=grid-template-columns]{grid-template-columns:1fr 1fr!important}.uts-page [style*=maxWidth]{max-width:100%!important}}@media(max-width:375px){.uts-page [style*=grid-template-columns]{grid-template-columns:1fr!important}}@media(max-width:768px){.content [style*="display: 'grid'"]{grid-template-columns:1fr!important}.content [style*="display: flex"][style*="justifyContent: 'space-between'"]{flex-wrap:wrap!important;gap:8px!important}}