@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-gradient:linear-gradient(135deg, #f5f8fc 0%, #e4ecf5 50%, #ebf3fa 100%);--bg-card:#fff;--bg-sidebar:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--primary:#4f46e5;--primary-light:#e0e7ff;--accent-green:#10b981;--accent-green-light:#d1fae5;--accent-purple:#8b5cf6;--accent-purple-light:#f5f3ff;--accent-blue:#3b82f6;--accent-blue-light:#eff6ff;--accent-orange:#f97316;--accent-orange-light:#fff7ed;--border-radius-lg:24px;--border-radius-md:16px;--border-radius-sm:12px;--shadow-sm:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-md:0 10px 15px -3px #0000000a, 0 4px 6px -2px #00000005;--shadow-lg:0 20px 40px -5px #0000000f, 0 10px 20px -5px #0000000a;--font-sans:"Space Grotesk", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}.app-layout{gap:24px;min-height:100vh;padding:24px;display:flex}.sidebar{background:var(--bg-sidebar);border-radius:var(--border-radius-lg);width:88px;box-shadow:var(--shadow-lg);z-index:100;flex-direction:column;align-items:center;gap:16px;height:calc(100vh - 48px);padding:32px 0;display:flex;position:fixed}.brand-icon{color:#2563eb;background:#eff6ff;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:12px;font-size:1.4rem;font-weight:800;display:flex;box-shadow:0 4px 10px #2563eb1a}.nav-links{flex-direction:column;flex:1;gap:16px;display:flex}.nav-link{width:72px;min-height:56px;color:var(--text-secondary);cursor:pointer;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:1.3rem;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-link-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);text-align:center;font-size:.6rem;font-weight:700;line-height:1;transition:color .2s}.nav-link:hover,.nav-link.active{color:#2563eb;background:#eff6ff}.nav-link:hover .nav-link-label,.nav-link.active .nav-link-label{color:#2563eb}.nav-link.active:after{content:"";background:#2563eb;border-radius:0 4px 4px 0;width:3px;height:24px;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.sidebar-footer{flex-direction:column;gap:16px;display:flex}.icon-button{width:44px;height:44px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;font-size:1.25rem;transition:all .2s;display:flex}.icon-button:hover{color:var(--text-primary);background:#f1f5f9}.main-panel{flex-direction:column;flex:1;gap:24px;min-width:0;margin-left:112px;display:flex}.header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.header-title{align-items:center;gap:16px;display:flex}.header-title h1{color:#0f172a;letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.header-meta{gap:8px;display:flex}.meta-chip{color:var(--text-secondary);box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;border:1px solid #00000005;border-radius:9999px;padding:6px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.meta-chip:hover,.meta-chip.active{color:#2563eb;background:#eff6ff;border-color:#2563eb26}.user-profile-dropdown{box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;border-radius:9999px;align-items:center;gap:12px;padding:8px 16px 8px 10px;transition:all .2s;display:flex}.user-profile-dropdown:hover{box-shadow:var(--shadow-md)}.profile-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:flex}.profile-name{color:#334155;font-size:.85rem;font-weight:600}.profile-chevron{color:var(--text-secondary);font-size:.75rem}.metrics-row{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=1200px){.metrics-row{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.metrics-row{grid-template-columns:1fr}}.metric-card{background:var(--bg-card);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);border:1px solid #ffffff80;flex-direction:column;gap:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-header{justify-content:space-between;align-items:center;display:flex}.metric-label{color:#334155;font-size:.9rem;font-weight:600}.metric-icon-box{width:36px;height:36px;color:var(--text-secondary);background:#f8fafc;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex}.metric-body{justify-content:space-between;align-items:flex-end;display:flex}.metric-value-group{flex-direction:column;gap:4px;display:flex}.metric-value{color:#0f172a;letter-spacing:-.03em;font-size:1.75rem;font-weight:800}.metric-trend{align-items:center;gap:4px;font-size:.8rem;font-weight:600;display:flex}.metric-trend.up{color:#10b981}.metric-trend.down{color:#f43f5e}.mini-chart{width:90px;height:48px}.grid-container{grid-template-columns:8fr 4fr;gap:20px;display:grid}@media (width<=1024px){.grid-container{grid-template-columns:1fr}}.grid-col-left,.grid-col-right{flex-direction:column;gap:20px;display:flex}.panel-card{background:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid #ffffff80;flex-direction:column;gap:20px;padding:24px;display:flex}.panel-header{justify-content:space-between;align-items:center;display:flex}.panel-title{color:#0f172a;font-size:1.15rem;font-weight:700}.toggle-group{background:#f1f5f9;border-radius:9999px;padding:4px;display:inline-flex}.toggle-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:6px 16px;font-size:.8rem;font-weight:600;transition:all .2s}.toggle-btn.active{color:#0f172a;box-shadow:var(--shadow-sm);background:#fff}.bar-chart-container{flex-direction:column;justify-content:flex-end;height:240px;display:flex;position:relative}.bar-chart-grid-lines{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0 0 30px}.grid-line{background:#f1f5f9;width:100%;height:1px;position:relative}.grid-line-label{color:var(--text-muted);background:#fff;padding-right:6px;font-size:.7rem;position:absolute;top:-10px;left:0}.bar-chart-bars{z-index:2;justify-content:space-between;align-items:flex-end;height:calc(100% - 30px);padding-left:28px;display:flex;position:relative}.bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.bar-rect-wrapper{background:#f1f5f9;border-radius:6px;align-items:flex-end;width:24px;height:100%;display:flex;overflow:hidden}.bar-rect-fill{background:#86efac;border-radius:6px;width:100%;transition:height .6s cubic-bezier(.4,0,.2,1)}.bar-rect-fill.highlight{background:#22c55e}.bar-label{color:var(--text-secondary);margin-top:10px;font-size:.75rem;font-weight:600}.patients-list{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.patients-list{grid-template-columns:1fr}}.patient-card{border-radius:var(--border-radius-md);background:#f8fafc;border:1px solid #f1f5f9;flex-direction:column;gap:16px;padding:16px;transition:all .2s;display:flex}.patient-card:hover{box-shadow:var(--shadow-md);background:#fff;border-color:#e2e8f0;transform:translateY(-2px)}.patient-info-row{align-items:center;gap:12px;display:flex}.patient-avatar{width:44px;height:44px;color:var(--text-secondary);background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.patient-avatar img{object-fit:cover;width:100%;height:100%}.patient-name-group{flex-direction:column;gap:2px;display:flex}.patient-name{color:#0f172a;font-size:.9rem;font-weight:700}.patient-condition{color:var(--text-secondary);font-size:.75rem}.patient-meta-row{border-top:1px solid #f1f5f9;flex-direction:column;gap:8px;padding-top:12px;display:flex}.patient-meta-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:.8rem;font-weight:500;display:flex}.patient-meta-icon{color:var(--text-muted)}.donut-container{flex-direction:column;align-items:center;margin:16px 0;display:flex;position:relative}.donut-chart-svg{transform:rotate(-90deg)}.donut-center-overlay{width:60px;height:60px;box-shadow:var(--shadow-sm);color:#2563eb;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.legend-list{flex-direction:column;gap:12px;width:100%;display:flex}.legend-item{justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;display:flex}.legend-label-group{align-items:center;gap:10px;display:flex}.legend-color-dot{border-radius:50%;width:10px;height:10px}.legend-label{color:var(--text-secondary)}.legend-val{color:#0f172a}.insight-banner{border-radius:var(--border-radius-sm);color:#1e40af;background:#eff6ff;align-items:center;gap:10px;margin-top:12px;padding:12px 16px;font-size:.8rem;font-weight:600;display:flex}.kanban-section{flex-direction:column;gap:20px;display:flex}.kanban-cols{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=1024px){.kanban-cols{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.kanban-cols{grid-template-columns:1fr}}.kanban-col{border-radius:var(--border-radius-md);background:#f8fafc;border:1px solid #e2e8f0;flex-direction:column;gap:12px;min-height:480px;padding:16px;transition:all .2s;display:flex}.kanban-col.dragover{background:#f0fdf4;border-color:#bbf7d0}.col-header-row{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;display:flex}.col-name-badge{align-items:center;gap:8px;display:flex}.col-indicator{border-radius:50%;width:6px;height:6px}.col-title{color:#334155;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}.col-count{color:var(--text-secondary);background:#f1f5f9;border-radius:9999px;padding:2px 8px;font-size:.75rem;font-weight:700}.cards-stack{flex-direction:column;gap:10px;min-height:400px;display:flex}.draggable-card{border-radius:var(--border-radius-sm);cursor:grab;background:#fff;border:1px solid #e2e8f0;flex-direction:column;gap:12px;padding:16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 6px -1px #00000005}.draggable-card:active{cursor:grabbing}.draggable-card:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1;transform:translateY(-1px)}.draggable-card.dragging-active{opacity:.4;border-style:dashed}.card-top-row{justify-content:space-between;align-items:center;display:flex}.card-category-pill{text-transform:uppercase;letter-spacing:.02em;border-radius:6px;padding:3px 8px;font-size:.7rem;font-weight:700}.card-category-pill.consultation{color:#2563eb;background:#eff6ff}.card-category-pill.lab-test{color:#db2777;background:#fdf2f8}.card-category-pill.operation{color:#7c3aed;background:#f5f3ff}.card-category-pill.check-up{color:#059669;background:#ecfdf5}.card-category-pill.follow-up{color:#ea580c;background:#fff7ed}.card-title-text{color:#0f172a;font-size:.9rem;font-weight:700}.card-desc-text{color:var(--text-secondary);font-size:.8rem;line-height:1.4}.card-footer-row{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:2px;padding-top:10px;display:flex}.card-meta-detail{color:var(--text-secondary);align-items:center;gap:6px;font-size:.75rem;font-weight:500;display:flex}.delete-card-btn{color:#ef4444;cursor:pointer;border-radius:var(--border-radius-sm);background:#fef2f2;border:1px solid #fee2e2;align-items:center;gap:4px;padding:6px 12px;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.delete-card-btn:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5;transform:translateY(-1px)}.delete-card-btn:disabled{color:#94a3b8;cursor:not-allowed;opacity:.5;background:#f1f5f9;border-color:#e2e8f0;transform:none}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;gap:20px;width:480px;max-width:100%;padding:28px;animation:.2s cubic-bezier(.16,1,.3,1) modal-fade-in;display:flex}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header-row{justify-content:space-between;align-items:center;display:flex}.modal-title-text{color:#0f172a;font-size:1.25rem;font-weight:700}.modal-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.5rem}.input-group{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.input-label{color:#475569;font-size:.8rem;font-weight:700}.text-input,.textarea-input,.select-input{border-radius:var(--border-radius-sm);font-family:var(--font-sans);background:#f8fafc;border:1px solid #cbd5e1;outline:none;padding:10px 14px;font-size:.85rem;transition:all .2s}.text-input:focus,.textarea-input:focus,.select-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.textarea-input{resize:vertical;min-height:80px}.modal-actions{justify-content:flex-end;gap:12px;margin-top:10px;display:flex}.btn-primary-gradient{color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;padding:10px 24px;font-size:.85rem;font-weight:600;transition:all .2s;box-shadow:0 4px 10px #2563eb33}.btn-primary-gradient:hover{transform:translateY(-1px);box-shadow:0 6px 14px #2563eb4d}.btn-cancel{color:#475569;border-radius:var(--border-radius-sm);cursor:pointer;background:#f1f5f9;border:none;padding:10px 20px;font-size:.85rem;font-weight:600;transition:all .2s}.btn-cancel:hover{background:#e2e8f0}.portal-hub-container{color:#f8fafc;min-height:100vh;font-family:var(--font-sans);background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#311042 100%);flex-direction:column;padding:40px 20px;display:flex}.portal-hub-header{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto 60px;display:flex}.portal-logo-group{align-items:center;gap:12px;display:flex}.portal-logo-icon{font-size:2rem;animation:3s infinite alternate pulse-glow}@keyframes pulse-glow{0%{filter:drop-shadow(0 0 5px #8b5cf680);transform:scale(1)}to{filter:drop-shadow(0 0 15px #8b5cf6e6);transform:scale(1.05)}}.portal-logo-title{font-family:"Outfit", var(--font-sans);background:linear-gradient(90deg,#a5b4fc,#e879f9);-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.portal-user-meta{align-items:center;gap:16px;display:flex}.portal-hero{text-align:center;width:100%;max-width:800px;margin:0 auto 48px}.portal-hero h1{font-family:"Outfit", var(--font-sans);color:#fff;letter-spacing:-.04em;margin-bottom:16px;font-size:3rem;font-weight:800;line-height:1.15}.portal-hero p{color:#94a3b8;font-size:1.1rem;line-height:1.6}.portal-grid{grid-template-columns:repeat(4,1fr);gap:24px;width:100%;max-width:1200px;margin:0 auto;display:grid}@media (width<=1024px){.portal-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.portal-grid{grid-template-columns:1fr}}.portal-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e293b66;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;justify-content:space-between;gap:20px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.portal-card:before{content:"";background:0 0;height:4px;transition:all .3s;position:absolute;top:0;left:0;right:0}.portal-card.active-card:before{background:linear-gradient(90deg,#6366f1,#3b82f6)}.portal-card:hover{border-color:#fff3;transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.portal-card.active-card:hover{border-color:#6366f166;box-shadow:0 0 25px #6366f140}.portal-card-header{justify-content:space-between;align-items:flex-start;display:flex}.portal-icon-wrapper{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;transition:all .3s;display:flex}.portal-card:hover .portal-icon-wrapper{background:#ffffff1a;border-color:#fff3;transform:scale(1.05)}.portal-status-badge{letter-spacing:.02em;text-transform:uppercase;border-radius:9999px;padding:4px 10px;font-size:.7rem;font-weight:700}.portal-status-badge.active{color:#34d399;background:#10b98126;border:1px solid #10b9814d;box-shadow:0 0 10px #10b98133}.portal-status-badge.planned{color:#94a3b8;background:#94a3b826;border:1px solid #94a3b833}.portal-card-body{flex-direction:column;gap:8px;display:flex}.portal-card-title{color:#fff;font-size:1.2rem;font-weight:700;font-family:"Outfit", var(--font-sans)}.portal-card-desc{color:#94a3b8;font-size:.8rem;line-height:1.5}.portal-card-db{color:#818cf8;background:#6366f114;border:1px solid #6366f126;border-radius:6px;align-items:center;gap:6px;width:fit-content;margin-top:4px;padding:4px 8px;font-size:.72rem;font-weight:600;display:flex}.portal-card-db.planned-db{color:#c084fc;background:#a855f714;border-color:#a855f726}.portal-launch-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.portal-launch-btn.active-btn{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);box-shadow:0 4px 12px #6366f133}.portal-launch-btn.active-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f166}.portal-launch-btn.disabled-btn{color:#475569;cursor:not-allowed;background:#ffffff0d;border:1px solid #ffffff08}.waffle-menu-btn{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;font-size:1.4rem;transition:transform .2s;display:flex}.waffle-menu-btn:hover{background:#ffffff0d;transform:rotate(90deg)}.brand-icon.waffle{box-shadow:none;color:var(--text-secondary);cursor:pointer;background:0 0;font-size:1.8rem;transition:color .2s,transform .2s}.brand-icon.waffle:hover{color:#2563eb;transform:rotate(90deg)}@keyframes spin{to{transform:rotate(360deg)}}.btn-spinner{vertical-align:middle;opacity:.85;border:2px solid;border-top-color:#0000;border-radius:50%;width:13px;height:13px;margin-right:5px;animation:.65s linear infinite spin;display:inline-block}.panel-card.project.card{padding:9px!important}.project-inner{border-radius:10px 10px 0 0;padding:10px}.erp-module-header{color:#fff!important;background:#051572!important;border-bottom:none!important}.erp-module-header *{color:#fff!important}.erp-module-header button{color:#fff!important;background:0 0!important;border-color:#fff3!important}body.layout-left .erp-module-wrapper>div:first-child{flex-direction:row!important}body.layout-left .erp-module-header{border-bottom:none!important;border-right:1px solid #e2e8f0!important;width:260px!important;height:100vh!important;padding:24px 16px!important}body.layout-left .erp-module-header>div{flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:32px!important;height:100%!important}body.layout-left .erp-module-header nav{flex-direction:column!important;align-items:stretch!important;gap:12px!important}body.layout-left .erp-module-header nav button{text-align:left!important;justify-content:flex-start!important;padding:12px 16px!important}body.layout-left .erp-module-header>div>div:first-child{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}body.layout-left .erp-module-header>div>div:first-child>div:nth-child(2){background:#cbd5e1!important;width:100%!important;height:1px!important}body.layout-left .erp-module-header>div>div:last-child{flex-direction:column!important;align-items:stretch!important;margin-top:auto!important}