@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-main:#f0f4f9;--bg-sidebar:#181f35;--bg-card:#111522a6;--bg-card-hover:#161c2dd9;--border-color:#2d375340;--border-glow:#3e4d7473;--color-primary:#bd41c8;--color-primary-glow:#bd41c840;--color-secondary:#21a9e4;--color-secondary-glow:#21a9e44d;--color-success:#1dc973;--color-success-glow:#1dc97340;--color-warning:#fda026;--color-warning-glow:#fda02640;--color-danger:#ee2b3b;--color-danger-glow:#ee2b3b40;--color-info:#4299f0;--text-primary:#f8fafc;--text-secondary:#b3bdcc;--text-muted:#7b889d;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--shadow-sm:0 2px 8px -2px #00000040;--shadow-md:0 8px 30px -4px #00000026;--shadow-neon:0 0 15px var(--color-primary-glow);--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.35s cubic-bezier(.4, 0, .2, 1)}.main-content{background-color:var(--bg-main);color:var(--text-primary);--text-primary:#171f36;--text-secondary:#47536b;--text-muted:#7b879d;--bg-card:#ffffffbf;--bg-card-hover:#fffffff2;--border-color:#ccd3e0d9;--border-glow:#94a8d1e6;--color-primary:#893091;--color-primary-glow:#89309126;--color-secondary:#1997cc;--color-secondary-glow:#1997cc26;--color-success:#1b9859;--color-success-glow:#1b985926;--color-warning:#df830c;--color-warning-glow:#df830c26;--color-danger:#cd1d2c;--color-danger-glow:#cd1d2c26;--color-info:#187adc;background-image:radial-gradient(circle at 50% -20%,#f5def766,#0000 70%),radial-gradient(circle at 10% 80%,#deeff759,#0000 60%)}*{box-sizing:border-box;font-family:var(--font-sans);margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);height:100vh;font-size:.82rem;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-sidebar)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.app-container{background-image:radial-gradient(circle at 50% -20%,#530d5933,#0000 70%),radial-gradient(circle at 10% 80%,#0a324314,#0000 50%);width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:10;flex-direction:column;flex-shrink:0;width:242px;height:100%;display:flex;position:relative}.sidebar-logo{border-bottom:1px solid var(--border-color);align-items:center;gap:8px;padding:12px 16px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;width:32px;height:32px;box-shadow:0 0 15px var(--color-primary-glow);border-radius:8px;justify-content:center;align-items:center;font-weight:800;display:flex}.logo-text{letter-spacing:-.5px;background:linear-gradient(to right, #fff, var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.05rem;font-weight:800}.sidebar-menu{flex-direction:column;flex:1;gap:2px;padding:10px 8px;display:flex;overflow-y:auto}.menu-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);border:1px solid #0000;align-items:center;gap:10px;padding:8px 12px;font-size:.85rem;font-weight:500;text-decoration:none;display:flex}.menu-item:hover{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-color);transform:translate(2px)}.menu-item.active{background:linear-gradient(135deg, var(--color-primary-glow), #7932800d);color:var(--text-primary);border-color:var(--color-primary-glow);font-weight:600;box-shadow:inset 0 0 8px #7932800d}.menu-item svg{width:15px;height:15px;transition:var(--transition-fast)}.menu-item.active svg{color:var(--color-secondary);filter:drop-shadow(0 0 4px var(--color-secondary-glow))}.sidebar-footer{border-top:1px solid var(--border-color);color:var(--text-muted);padding:10px 16px;font-size:.72rem}.main-content{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.top-header{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background-color:#04071466;justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:flex}.header-title{align-items:center;gap:12px;font-size:1.15rem;font-weight:700;display:flex}.user-profile{align-items:center;gap:12px;display:flex}.profile-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;width:30px;height:30px;box-shadow:0 0 10px var(--color-primary-glow);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.profile-info{flex-direction:column;display:flex}.profile-name{font-size:.8rem;font-weight:600}.profile-role{color:var(--text-muted);font-size:.68rem}.workspace{flex-direction:column;flex:1;gap:16px;padding:16px 20px;display:flex;overflow-y:auto}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:border-color var(--transition-fast), background var(--transition-fast);padding:16px}.card:hover{background:var(--bg-card-hover);border-color:var(--border-glow)}.card-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:10px;font-size:.98rem;font-weight:700;display:flex}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.kpi-card{align-items:center;gap:12px;padding:10px 14px;display:flex}.kpi-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.kpi-data{flex-direction:column;display:flex}.kpi-val{margin-top:2px;font-size:1.35rem;font-weight:800;line-height:1.1}.kpi-lbl{color:var(--text-secondary);font-size:.74rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.form-group{flex-direction:column;gap:4px;display:flex}.form-group.full-width{grid-column:1/-1}.form-label{color:var(--text-secondary);font-size:.75rem;font-weight:600}.form-control{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);transition:var(--transition-fast);background-color:#02040f80;outline:none;padding:6px 10px;font-size:.8rem}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 8px var(--color-primary-glow)}textarea.form-control{resize:vertical;min-height:80px}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);color:#fff;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary), #a734b2);box-shadow:0 4px 15px var(--color-primary-glow)}.btn-primary:hover{box-shadow:0 6px 20px var(--color-primary-glow);filter:brightness(1.15);transform:translateY(-1px)}.btn-secondary{border-color:var(--border-color);color:var(--text-primary);background:#ffffff14}.btn-secondary:hover{border-color:var(--text-muted);background:#ffffff26}.btn-success{background:linear-gradient(135deg, var(--color-success), #1fad66);box-shadow:0 4px 15px var(--color-success-glow)}.btn-success:hover{filter:brightness(1.15)}.btn-danger{background:linear-gradient(135deg, var(--color-danger), #c91d2b);box-shadow:0 4px 15px var(--color-danger-glow)}.btn-danger:hover{filter:brightness(1.15)}.btn-warning{background:linear-gradient(135deg, var(--color-warning), #d48d11);box-shadow:0 4px 15px var(--color-warning-glow)}.btn-warning:hover{filter:brightness(1.15)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.table-wrapper{border-radius:var(--radius-md);border:1px solid var(--border-color);overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%}.table th{color:var(--text-secondary);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px;background-color:#04071499;padding:8px 12px;font-size:.74rem;font-weight:600}.table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);padding:8px 12px;font-size:.8rem}.table tr:last-child td{border-bottom:none}.table tr{transition:var(--transition-fast);background-color:#0000}.table tr:hover td{color:var(--text-primary);background-color:#ffffff05}.badge{text-transform:uppercase;border-radius:20px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-pending{background-color:var(--color-warning-glow);color:var(--color-warning);border:1px solid #f9a91f4d}.badge-completed,.badge-settled{background-color:var(--color-success-glow);color:var(--color-success);border:1px solid #1dc9734d}.badge-danger,.badge-high{background-color:var(--color-danger-glow);color:var(--color-danger);border:1px solid #ee2b3b4d}.badge-info{color:var(--color-info);background-color:#d2553c26;border:1px solid #4299f04d}.badge-default{color:var(--text-secondary);border:1px solid var(--border-color);background-color:#ffffff0d}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background-color:#040714bf;justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--bg-card);border:1px solid var(--border-glow);box-shadow:var(--shadow-md), 0 0 30px #6366f126;border-radius:var(--radius-lg);width:100%;max-width:650px;max-height:85vh;padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) forwards modalSlideUp;position:relative;overflow-y:auto}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:20px;right:20px}.modal-close:hover{color:var(--text-primary)}.search-container{align-items:center;width:100%;display:flex;position:relative}.search-input{width:100%;padding-left:44px}.search-icon{color:var(--text-muted);width:18px;height:18px;position:absolute;left:14px}.tabs{border-bottom:1px solid var(--border-color);gap:8px;margin-bottom:20px;display:flex}.tab{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);border-bottom:2px solid #0000;padding:8px 14px;font-size:.8rem;font-weight:500}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--color-secondary);border-bottom-color:var(--color-secondary);font-weight:600}.split-view{flex-wrap:wrap;gap:24px;display:flex}.split-left{flex-direction:column;flex:2;gap:24px;min-width:320px;display:flex}.split-right{flex-direction:column;flex:1;gap:24px;min-width:280px;display:flex}.alert{border-radius:var(--radius-md);align-items:flex-start;gap:12px;margin-bottom:16px;padding:16px;display:flex}.alert-warning{background-color:var(--color-warning-glow);color:#fbc66a;border:1px solid #f9a91f33}.alert-danger{background-color:var(--color-danger-glow);color:#f4717c;border:1px solid #ee2b3b33}.alert-success{background-color:var(--color-success-glow);color:#79ecb3;border:1px solid #1dc97333}.text-right{text-align:right}.flex{display:flex}.align-center{align-items:center}.justify-between{justify-content:space-between}.gap-10{gap:10px}.gap-20{gap:20px}.mt-20{margin-top:20px}.mb-10{margin-bottom:10px}.font-bold{font-weight:700}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-muted{color:var(--text-muted)}.ward-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.ward-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffff05;padding:16px}.bed-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px;display:grid}.bed-item{aspect-ratio:1;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.bed-available{background-color:var(--color-success-glow);color:var(--color-success);border-color:#1dc97333}.bed-occupied{background-color:var(--color-danger-glow);color:var(--color-danger);border-color:#ee2b3b33}.bed-item:hover{filter:brightness(1.2);transform:scale(1.05)}.main-content .top-header{background-color:#fff6}.main-content .form-control{background-color:#f8fafbf2;border-color:#c2c9d6b3}.main-content .form-control:focus{background-color:#fff}.main-content .table th{background-color:#dfe5ecd9}.main-content .table tr:hover td{background-color:#e4eaf173}.main-content .ward-card{border-color:var(--border-color);background:#ffffff80}@keyframes gentle-glow{0%{filter:drop-shadow(0 0 3px #1fa6e366)drop-shadow(0 0 1px #79328040)brightness(.9);transform:scale(.96)}50%{filter:drop-shadow(0 0 12px #1fa6e3d9)drop-shadow(0 0 6px #793280a6)brightness(1.2);transform:scale(1.04)}to{filter:drop-shadow(0 0 3px #1fa6e366)drop-shadow(0 0 1px #79328040)brightness(.9);transform:scale(.96)}}.logo-glow{transform-origin:50%;animation:2.4s ease-in-out infinite gentle-glow;overflow:visible}.residence-dropdown-container{z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:8px;max-height:220px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;background-color:#0f172a!important;border:1px solid #ffffff2e!important;box-shadow:0 12px 24px -4px #0009!important}.residence-dropdown-item{cursor:pointer;border-bottom:1px solid #ffffff0d;padding:9px 12px;font-size:.82rem;transition:background-color .15s,color .15s;color:#f8fafc!important}.residence-dropdown-item:hover{background-color:var(--color-primary)!important;color:#fff!important}.residence-dropdown-item-custom{cursor:pointer;background-color:#38bdf80d;border-top:1px dashed #ffffff26;padding:9px 12px;font-size:.82rem;font-weight:700;transition:background-color .15s,color .15s;color:#38bdf8!important}.residence-dropdown-item-custom:hover{color:#fff!important;background-color:#38bdf8!important}.residence-dropdown-empty{text-align:center;padding:9px 12px;font-size:.82rem;color:#94a3b8!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.45s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.ai-card-pulse{transition:all .3s;box-shadow:0 0 15px #8b5cf61a}.ai-card-pulse:hover{transform:translateY(-2px);box-shadow:0 0 25px #8b5cf640}@keyframes cursor-blink{50%{opacity:0}}.typing-cursor{background-color:var(--color-primary);vertical-align:middle;width:2px;height:14px;margin-left:3px;animation:.8s step-end infinite cursor-blink;display:inline-block}