.olh-page{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:1440px;margin:0 auto;padding:.5rem .25rem 2.5rem;box-sizing:border-box}.olh-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;width:100%}.olh-kpi-card{background:#fff;border-radius:var(--radius-md, 12px);padding:1.15rem 1.25rem;box-shadow:var(--shadow-sm, 0 1px 3px 0 rgba(15, 23, 42, .05));border:1px solid var(--border-color, #e2e8f0);display:flex;align-items:center;gap:1rem;transition:transform var(--transition-fast, .15s ease),box-shadow var(--transition-fast, .15s ease)}.olh-kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(15, 23, 42, .07))}.olh-kpi-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.olh-kpi-icon.blue{background:#eff6ff;color:#2563eb}.olh-kpi-icon.emerald{background:#ecfdf5;color:#059669}.olh-kpi-icon.amber{background:#fffbeb;color:#d97706}.olh-kpi-icon.indigo{background:#eef2ff;color:#4f46e5}.olh-kpi-icon.purple{background:#faf5ff;color:#7c3aed}.olh-kpi-content{display:flex;flex-direction:column}.olh-kpi-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted, #64748b);margin-bottom:.15rem}.olh-kpi-value{font-size:1.45rem;font-weight:700;color:var(--text-main, #0f172a);line-height:1.2}.olh-filter-card{background:#fff;border-radius:var(--radius-md, 12px);padding:1.25rem;border:1px solid var(--border-color, #e2e8f0);box-shadow:var(--shadow-sm, 0 1px 3px 0 rgba(15, 23, 42, .05));display:flex;flex-direction:column;gap:1rem}.olh-filter-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.olh-filter-title{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:var(--text-main, #0f172a)}.olh-filter-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem;align-items:flex-end}.olh-filter-group{display:flex;flex-direction:column;gap:.35rem}.olh-filter-group label{font-size:.75rem;font-weight:600;color:var(--text-label, #1e293b);text-transform:uppercase;letter-spacing:.03em}.olh-input-wrapper{position:relative;display:flex;align-items:center}.olh-input-icon{position:absolute;left:.75rem;color:#94a3b8;pointer-events:none}.olh-input{width:100%;height:38px;padding:0 .75rem 0 2.25rem;font-size:.85rem;border-radius:var(--radius-sm, 8px);border:1px solid var(--border-color, #e2e8f0);background:#fff;color:var(--text-main, #0f172a);outline:none;transition:border-color var(--transition-fast, .15s ease),box-shadow var(--transition-fast, .15s ease)}.olh-input:focus{border-color:var(--primary-navy, #151b54);box-shadow:0 0 0 3px #151b5414}.olh-select{width:100%;height:38px;padding:0 .75rem;font-size:.85rem;border-radius:var(--radius-sm, 8px);border:1px solid var(--border-color, #e2e8f0);background:#fff;color:var(--text-main, #0f172a);outline:none;cursor:pointer;transition:border-color var(--transition-fast, .15s ease)}.olh-select:focus{border-color:var(--primary-navy, #151b54);box-shadow:0 0 0 3px #151b5414}.olh-date-input{width:100%;height:38px;padding:0 .75rem;font-size:.82rem;border-radius:var(--radius-sm, 8px);border:1px solid var(--border-color, #e2e8f0);background:#fff;color:var(--text-main, #0f172a);outline:none}.olh-filter-actions{display:flex;align-items:center;gap:.5rem;height:38px}.olh-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;height:38px;padding:0 1rem;border-radius:var(--radius-sm, 8px);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast, .15s ease);border:none;white-space:nowrap}.olh-btn-primary{background:var(--primary-navy, #151b54);color:#fff}.olh-btn-primary:hover:not(:disabled){background:var(--primary-navy-hover, #0e1340);transform:translateY(-1px)}.olh-btn-secondary{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.olh-btn-secondary:hover:not(:disabled){background:#e2e8f0;color:#1e293b}.olh-btn:disabled{opacity:.6;cursor:not-allowed}.olh-table-card{background:#fff;border-radius:var(--radius-md, 12px);border:1px solid var(--border-color, #e2e8f0);box-shadow:var(--shadow-sm, 0 1px 3px 0 rgba(15, 23, 42, .05));overflow:hidden;display:flex;flex-direction:column}.olh-table-header-bar{padding:1rem 1.25rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;background:#f8fafc;flex-wrap:wrap;gap:.75rem}.olh-table-header-title{font-size:.95rem;font-weight:700;color:var(--text-main, #0f172a);display:flex;align-items:center;gap:.5rem}.olh-count-badge{background:#e2e8f0;color:#334155;font-size:.75rem;font-weight:600;padding:.15rem .55rem;border-radius:9999px}.olh-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.olh-table{width:100%;border-collapse:collapse;font-size:.85rem;text-align:left}.olh-table th{background:#f8fafc;color:#475569;font-weight:600;text-transform:uppercase;font-size:.72rem;letter-spacing:.04em;padding:.85rem 1rem;border-bottom:1px solid #e2e8f0;white-space:nowrap}.olh-table td{padding:.9rem 1rem;border-bottom:1px solid #f1f5f9;vertical-align:middle;color:#1e293b}.olh-table tr:hover td{background-color:#f8fafc}.olh-student-cell{display:flex;flex-direction:column;gap:.15rem}.olh-student-name{font-weight:600;color:#0f172a}.olh-student-sub{font-size:.75rem;color:#64748b}.olh-req-num{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;font-weight:600;color:#2563eb;background:#eff6ff;padding:.2rem .45rem;border-radius:4px;display:inline-block}.olh-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .55rem;border-radius:6px;font-size:.73rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.olh-badge-req{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.olh-badge-app{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.olh-badge-exit{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.olh-badge-return{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.olh-badge-rej{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.olh-badge-can{background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.olh-status-pending{background:#fffbeb;color:#b45309}.olh-status-approved{background:#eff6ff;color:#1d4ed8}.olh-status-active{background:#fef3c7;color:#b45309}.olh-status-returned{background:#ecfdf5;color:#047857}.olh-status-rejected{background:#fef2f2;color:#b91c1c}.olh-status-cancelled{background:#f3f4f6;color:#6b7280}.olh-source-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;font-weight:500;color:#475569;background:#f1f5f9;padding:.15rem .45rem;border-radius:4px}.olh-dest-cell{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.olh-view-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.78rem;font-weight:600;color:var(--primary-navy, #151b54);background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.olh-view-btn:hover{background:var(--primary-navy, #151b54);color:#fff;border-color:var(--primary-navy, #151b54)}.olh-pagination-bar{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;background:#f8fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:.75rem;font-size:.82rem;color:#64748b}.olh-pagination-controls{display:flex;align-items:center;gap:.35rem}.olh-page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 .5rem;border-radius:6px;border:1px solid #e2e8f0;background:#fff;color:#334155;font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.olh-page-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.olh-page-btn.active{background:var(--primary-navy, #151b54);color:#fff;border-color:var(--primary-navy, #151b54)}.olh-page-btn:disabled{opacity:.4;cursor:not-allowed}.olh-mobile-cards{display:none;flex-direction:column;gap:.85rem;padding:.85rem}.olh-mobile-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-md, 12px);padding:1rem;box-shadow:0 1px 2px #0f172a0a;display:flex;flex-direction:column;gap:.65rem;word-break:break-word}.olh-mobile-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.olh-mobile-student{font-weight:700;font-size:.92rem;color:#0f172a}.olh-mobile-sub{font-size:.75rem;color:#64748b}.olh-mobile-row{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;padding:.25rem 0;border-bottom:1px dashed #f1f5f9;gap:.5rem}.olh-mobile-row:last-child{border-bottom:none}.olh-mobile-label{color:#64748b;font-size:.75rem;font-weight:500}.olh-mobile-value{color:#0f172a;font-weight:600;text-align:right;max-width:65%;overflow:hidden;text-overflow:ellipsis}.olh-mobile-footer{margin-top:.4rem;display:flex;justify-content:flex-end}.olh-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1050;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.olh-modal-dialog{background:#fff;border-radius:var(--radius-lg, 18px);width:100%;max-width:760px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #0f172a40;border:1px solid #e2e8f0;overflow:hidden;animation:olhModalFadeIn .2s ease-out}@keyframes olhModalFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.olh-modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;background:#f8fafc}.olh-modal-title-wrap{display:flex;align-items:center;gap:.75rem}.olh-modal-icon-badge{width:40px;height:40px;border-radius:10px;background:#eff6ff;color:#2563eb;display:flex;align-items:center;justify-content:center}.olh-modal-title{font-size:1.1rem;font-weight:700;color:#0f172a}.olh-modal-subtitle{font-size:.78rem;color:#64748b}.olh-modal-close-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:.35rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast, .15s ease)}.olh-modal-close-btn:hover{background:#f1f5f9;color:#0f172a}.olh-modal-body{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.olh-modal-section-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#475569;margin-bottom:.65rem;display:flex;align-items:center;gap:.4rem}.olh-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.85rem;background:#f8fafc;padding:1rem;border-radius:var(--radius-sm, 8px);border:1px solid #e2e8f0}.olh-info-item{display:flex;flex-direction:column;gap:.15rem}.olh-info-item-label{font-size:.72rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.olh-info-item-value{font-size:.86rem;font-weight:600;color:#0f172a;word-break:break-word}.olh-timeline{position:relative;display:flex;flex-direction:column;gap:1.25rem;padding:.5rem 0 .5rem .5rem}.olh-timeline:before{content:"";position:absolute;top:14px;bottom:14px;left:20px;width:2px;background:#e2e8f0;z-index:1}.olh-timeline-step{position:relative;display:flex;align-items:flex-start;gap:1rem;z-index:2}.olh-timeline-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff;border:2px solid #cbd5e1;color:#94a3b8;font-size:.8rem;box-shadow:0 0 0 3px #fff}.olh-timeline-step.completed .olh-timeline-dot{background:#ecfdf5;border-color:#10b981;color:#059669}.olh-timeline-step.active .olh-timeline-dot{background:#eff6ff;border-color:#3b82f6;color:#2563eb;box-shadow:0 0 0 4px #3b82f626}.olh-timeline-step.rejected .olh-timeline-dot{background:#fef2f2;border-color:#ef4444;color:#dc2626}.olh-timeline-step.pending .olh-timeline-dot{background:#f8fafc;border-color:#cbd5e1;color:#94a3b8}.olh-timeline-content{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-sm, 8px);padding:.85rem 1rem;flex-grow:1;display:flex;flex-direction:column;gap:.35rem}.olh-timeline-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.olh-timeline-title{font-size:.88rem;font-weight:700;color:#0f172a}.olh-timeline-time{font-size:.74rem;color:#64748b;font-weight:500}.olh-timeline-desc{font-size:.8rem;color:#475569;line-height:1.4}.olh-timeline-actor-tag{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;color:#64748b;margin-top:.2rem}.olh-modal-footer{padding:1rem 1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.olh-immutable-notice{display:flex;align-items:center;gap:.4rem;font-size:.76rem;color:#64748b}.olh-loading-state,.olh-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem 1.5rem;text-align:center;gap:.75rem;color:#64748b}.olh-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:var(--primary-navy, #151b54);border-radius:50%;animation:olhSpin .8s linear infinite}@keyframes olhSpin{to{transform:rotate(360deg)}}@media(max-width:900px){.olh-filter-controls{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.olh-table-wrapper{display:none}.olh-mobile-cards{display:flex}.olh-filter-controls{grid-template-columns:1fr}.olh-filter-actions{width:100%;justify-content:stretch}.olh-filter-actions .olh-btn{flex:1}.olh-kpi-grid{grid-template-columns:repeat(2,1fr)}.olh-modal-dialog{max-width:96vw;margin:0 auto}}@media(max-width:480px){.olh-kpi-grid{grid-template-columns:1fr}.olh-page{padding:.25rem 0 2rem}.olh-pagination-bar{flex-direction:column;align-items:center;text-align:center}}:root{--fee-navy-900: #0f172a;--fee-navy-800: #1e293b;--fee-navy-700: #334155;--fee-navy-600: #475569;--fee-blue-600: #2563eb;--fee-blue-700: #1d4ed8;--fee-blue-50: #eff6ff;--fee-slate-50: #f8fafc;--fee-slate-100: #f1f5f9;--fee-slate-200: #e2e8f0;--fee-slate-300: #cbd5e1;--fee-emerald-50: #ecfdf5;--fee-emerald-600: #059669;--fee-emerald-700: #047857;--fee-amber-50: #fffbeb;--fee-amber-600: #d97706;--fee-amber-700: #b45309;--fee-rose-50: #fff1f2;--fee-rose-600: #e11d48;--fee-rose-700: #be123c;--fee-purple-50: #faf5ff;--fee-purple-600: #9333ea;--fee-radius-sm: 6px;--fee-radius-md: 10px;--fee-radius-lg: 16px;--fee-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--fee-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--fee-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1)}.fee-module-container{width:100%;max-width:100%;box-sizing:border-box;padding:1.5rem;background-color:var(--fee-slate-50);min-height:100%;overflow-x:auto}.management-main-area,.portal-main-area,.portal-content{overflow-x:auto!important}@media(max-width:768px){.fee-module-container{padding:1rem .75rem}}.fee-header-section{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.fee-header-title-group h1{font-size:1.5rem;font-weight:700;color:var(--fee-navy-900);margin:0 0 .25rem;letter-spacing:-.02em}.fee-header-subtitle{font-size:.875rem;color:var(--fee-navy-600);margin:0}.fee-header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.fee-nav-banner-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;border-radius:var(--fee-radius-md);margin-bottom:1.5rem;box-shadow:var(--fee-shadow-md)}.fee-nav-banner-text{display:flex;align-items:center;gap:.75rem}.fee-nav-banner-text p{margin:0;font-size:.9375rem;font-weight:500}.fee-nav-banner-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#3b82f6;color:#fff;border:none;border-radius:var(--fee-radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.fee-nav-banner-btn:hover{background-color:#2563eb;transform:translateY(-1px)}.fee-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}@media(max-width:640px){.fee-kpi-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}.fee-kpi-card{background:#fff;border:1px solid var(--fee-slate-200);border-radius:var(--fee-radius-md);padding:1rem 1.125rem;box-shadow:var(--fee-shadow-sm);display:flex;flex-direction:column;justify-content:space-between;transition:transform .15s ease,box-shadow .15s ease}.fee-kpi-card:hover{box-shadow:var(--fee-shadow-md);transform:translateY(-2px)}.fee-kpi-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.fee-kpi-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--fee-navy-600)}.fee-kpi-icon-wrapper{width:32px;height:32px;border-radius:var(--fee-radius-sm);display:flex;align-items:center;justify-content:center}.fee-kpi-value{font-size:1.375rem;font-weight:700;color:var(--fee-navy-900);line-height:1.2}.fee-tabs-container{display:flex;gap:.5rem;border-bottom:1px solid var(--fee-slate-200);margin-bottom:1.5rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.fee-tabs-container::-webkit-scrollbar{display:none}.fee-tab-button{padding:.75rem 1rem;font-size:.875rem;font-weight:600;color:var(--fee-navy-600);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.fee-tab-button:hover{color:var(--fee-navy-900)}.fee-tab-button.active{color:var(--fee-blue-600);border-bottom-color:var(--fee-blue-600)}.fee-toolbar-container{display:flex;flex-direction:column;gap:.875rem;margin-bottom:1.25rem;background:#fff;padding:1rem 1.125rem;border-radius:var(--fee-radius-md);border:1px solid var(--fee-slate-200);box-shadow:var(--fee-shadow-sm)}.fee-toolbar-filters-row{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;width:100%}.fee-toolbar-actions-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;width:100%;padding-top:.75rem;border-top:1px solid var(--fee-slate-100)}.fee-toolbar-action-group{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.fee-search-input-wrapper{position:relative;flex:1;min-width:260px}.fee-search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--fee-navy-600);pointer-events:none;z-index:2}.fee-search-input-wrapper input[type=text].fee-search-input,.fee-search-input-wrapper .fee-search-input,input.fee-search-input{width:100%!important;box-sizing:border-box!important;height:40px!important;padding:.5rem .85rem .5rem 2.6rem!important;font-size:.875rem!important;line-height:normal!important;border:1px solid var(--fee-slate-300)!important;border-radius:var(--fee-radius-sm)!important;background-color:#fff!important;color:var(--fee-navy-900)!important;outline:none!important;transition:border-color .15s ease,box-shadow .15s ease!important}.fee-search-input-wrapper input[type=text].fee-search-input:focus,.fee-search-input-wrapper .fee-search-input:focus,input.fee-search-input:focus{border-color:var(--fee-blue-600)!important;box-shadow:0 0 0 3px #2563eb1f!important}.fee-select-filter{height:40px;box-sizing:border-box;padding:0 .85rem;font-size:.875rem;font-weight:500;border:1px solid var(--fee-slate-300);border-radius:var(--fee-radius-sm);background-color:#fff;color:var(--fee-navy-900);outline:none;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.fee-select-filter:focus{border-color:var(--fee-blue-600);box-shadow:0 0 0 3px #2563eb1f}.fee-btn-primary{display:inline-flex;align-items:center;gap:.5rem;height:38px;box-sizing:border-box;padding:0 1rem;background-color:var(--fee-navy-800);color:#fff;border:none;border-radius:var(--fee-radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.fee-btn-primary:hover{background-color:var(--fee-navy-900);transform:translateY(-1px)}.fee-btn-secondary{display:inline-flex;align-items:center;gap:.5rem;height:38px;box-sizing:border-box;padding:0 .875rem;background-color:#fff;color:var(--fee-navy-800);border:1px solid var(--fee-slate-300);border-radius:var(--fee-radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.fee-btn-secondary:hover{background-color:var(--fee-slate-100);border-color:#94a3b8}.fee-btn-outline-blue{display:inline-flex;align-items:center;gap:.375rem;height:32px;box-sizing:border-box;padding:0 .75rem;background-color:transparent;color:var(--fee-blue-600);border:1px solid var(--fee-blue-600);border-radius:var(--fee-radius-sm);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease}.fee-btn-outline-blue:hover{background-color:var(--fee-blue-50)}.fee-btn-outline-emerald{display:inline-flex;align-items:center;gap:.375rem;height:32px;box-sizing:border-box;padding:0 .75rem;background-color:transparent;color:var(--fee-emerald-600);border:1px solid var(--fee-emerald-600);border-radius:var(--fee-radius-sm);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease}.fee-btn-outline-emerald:hover{background-color:var(--fee-emerald-50)}.fee-academic-year-bar{display:flex;align-items:center;gap:.6rem;margin-bottom:1.125rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:thin}.fee-year-pill-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.8125rem;font-weight:600;border-radius:9999px;border:1px solid var(--fee-slate-300);background-color:#fff;color:var(--fee-navy-700);cursor:pointer;transition:all .15s ease;white-space:nowrap}.fee-year-pill-btn:hover{border-color:var(--fee-navy-800);color:var(--fee-navy-900);background-color:var(--fee-slate-100)}.fee-year-pill-btn.active{background-color:var(--fee-navy-900);color:#fff;border-color:var(--fee-navy-900);box-shadow:0 2px 4px #0f172a26}.fee-table-card{background:#fff;border-radius:var(--fee-radius-md);border:1px solid var(--fee-slate-200);box-shadow:var(--fee-shadow-sm);overflow:hidden;margin-bottom:1.5rem}.fee-table-card-header{padding:.75rem 1.125rem;background-color:#fff;border-bottom:1px solid var(--fee-slate-200);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.fee-table-card-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--fee-navy-900)}.fee-table-dot{width:8px;height:8px;border-radius:50%;background-color:#2563eb;display:inline-block}.fee-table-count{font-size:.8125rem;color:#64748b;font-weight:500}.fee-table-scroll-controls{display:flex;align-items:center;gap:.45rem}.fee-scroll-hint{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;color:#64748b;margin-right:.25rem}.fee-scroll-nav-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .65rem;background-color:#f8fafc;color:#334155;border:1px solid #cbd5e1;border-radius:var(--fee-radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease}.fee-scroll-nav-btn:hover{background-color:#e2e8f0;color:#0f172a;border-color:#94a3b8}.fee-table-responsive{width:100%;max-width:100%;overflow-x:auto!important;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:auto!important;scrollbar-color:#94a3b8 #f1f5f9}.fee-table-responsive::-webkit-scrollbar{height:12px!important;width:12px!important;display:block!important}.fee-table-responsive::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:6px;border-top:1px solid #e2e8f0}.fee-table-responsive::-webkit-scrollbar-thumb{background-color:#94a3b8!important;border-radius:6px;border:2px solid #f1f5f9}.fee-table-responsive::-webkit-scrollbar-thumb:hover{background-color:#475569!important}@media(min-width:769px){.fee-data-table th.col-sticky-1,.fee-data-table td.col-sticky-1{position:sticky!important;left:0!important;z-index:5!important;background-color:#fff}.fee-data-table th.col-sticky-2,.fee-data-table td.col-sticky-2{position:sticky!important;left:44px!important;z-index:5!important;background-color:#fff}.fee-data-table th.col-sticky-3,.fee-data-table td.col-sticky-3{position:sticky!important;left:82px!important;z-index:5!important;background-color:#fff;box-shadow:4px 0 8px -2px #0f172a14}.fee-data-table thead th.col-sticky-1,.fee-data-table thead th.col-sticky-2,.fee-data-table thead th.col-sticky-3{z-index:6!important;background-color:#f8fafc!important}.fee-data-table tbody tr:hover td.col-sticky-1,.fee-data-table tbody tr:hover td.col-sticky-2,.fee-data-table tbody tr:hover td.col-sticky-3{background-color:#f8fafc!important}.fee-data-table tbody tr.row-selected td.col-sticky-1,.fee-data-table tbody tr.row-selected td.col-sticky-2,.fee-data-table tbody tr.row-selected td.col-sticky-3{background-color:#f0fdf4!important}.fee-data-table tbody tr.row-expanded td.col-sticky-1,.fee-data-table tbody tr.row-expanded td.col-sticky-2,.fee-data-table tbody tr.row-expanded td.col-sticky-3{background-color:#f8fafc!important}}.fee-data-table{width:100%;min-width:1220px;border-collapse:separate;border-spacing:0;text-align:left;font-size:.875rem}.fee-data-table thead{background-color:#f8fafc;border-bottom:1px solid var(--fee-slate-200)}.fee-data-table th{padding:.875rem .85rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--fee-navy-700);white-space:nowrap;vertical-align:middle;border-bottom:1px solid var(--fee-slate-200)}.fee-data-table td{padding:.85rem;border-bottom:1px solid var(--fee-slate-200);color:var(--fee-navy-800);vertical-align:middle}.fee-data-table tbody tr{transition:background-color .15s ease}.fee-data-table tbody tr:hover{background-color:#f8fafc}.fee-data-table tr.row-selected{background-color:#f0fdf4!important}.fee-data-table tr.row-expanded{background-color:#f8fafc}th.th-center,td.cell-center{text-align:center!important}th.th-amount,td.cell-amount{text-align:right!important;font-variant-numeric:tabular-nums;white-space:nowrap}th.th-student,td.cell-student{min-width:220px;text-align:left}.fee-student-info{display:flex;flex-direction:column;gap:.2rem}.fee-student-name{font-size:.875rem;font-weight:700;color:#0f172a;white-space:nowrap}.fee-student-meta{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:#64748b;white-space:nowrap}.fee-meta-sep{color:#cbd5e1}.fee-detention-badge{display:inline-block;font-size:.6875rem;font-weight:700;color:#e11d48;background-color:#fff1f2;border:1px solid #fecdd3;padding:.1rem .4rem;border-radius:4px;margin-top:.2rem;width:fit-content}.fee-year-badge{display:inline-block;font-size:.75rem;font-weight:600;color:#334155;background-color:#f1f5f9;border:1px solid #e2e8f0;padding:.2rem .55rem;border-radius:6px;white-space:nowrap}.fee-expand-btn{background:none;border:none;cursor:pointer;color:#64748b;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.fee-expand-btn:hover{background-color:#e2e8f0;color:#0f172a}th.th-actions,td.cell-actions{text-align:right!important;min-width:200px;padding-right:1.25rem!important;white-space:nowrap}.fee-actions-group{display:inline-flex;align-items:center;justify-content:flex-end;gap:.4rem;white-space:nowrap}.fee-btn-pay{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .75rem;background-color:#2563eb;color:#fff;border:none;border-radius:var(--fee-radius-sm);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .15s ease;white-space:nowrap}.fee-btn-pay:hover{background-color:#1d4ed8;transform:translateY(-1px)}.fee-btn-action-secondary{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .65rem;background-color:#fff;color:#334155;border:1px solid #cbd5e1;border-radius:var(--fee-radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.fee-btn-action-secondary:hover{background-color:#f1f5f9;border-color:#94a3b8}.fee-btn-action-outline{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .65rem;background-color:#f8fafc;color:#4f46e5;border:1px solid #c7d2fe;border-radius:var(--fee-radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.fee-btn-action-outline:hover{background-color:#eef2ff;border-color:#818cf8}.fee-progress-wrapper{display:flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap}.fee-progress-track{width:55px;height:6px;background-color:#e2e8f0;border-radius:9999px;overflow:hidden}.fee-progress-fill{height:100%;border-radius:9999px;transition:width .3s ease}.fee-progress-text{font-size:.75rem;font-weight:700;color:#475569;min-width:32px;text-align:left}.text-due-positive{color:#e11d48}.text-due-zero{color:#059669}.cell-breakdown{background-color:#f8fafc!important;padding:1.125rem 1.5rem!important;border-bottom:1px solid #e2e8f0!important}.fee-breakdown-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000a;overflow:hidden}.fee-breakdown-header{padding:.75rem 1.125rem;background-color:#f1f5f9;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.fee-breakdown-title{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#1e293b}.fee-breakdown-dot{width:8px;height:8px;border-radius:50%;background-color:#3b82f6;display:inline-block}.fee-breakdown-count{font-size:.75rem;color:#64748b;font-weight:500}.fee-subtable-responsive{width:100%;overflow-x:auto}.fee-subtable{width:100%;border-collapse:collapse;font-size:.8125rem}.fee-subtable thead{background-color:#fff;border-bottom:1px solid #e2e8f0}.fee-subtable th{padding:.65rem .85rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#64748b;white-space:nowrap}.fee-subtable td{padding:.65rem .85rem;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:middle}.fee-subtable tbody tr:last-child td{border-bottom:none}.fee-subtable tbody tr:hover{background-color:#fafafa}.sub-th-type,.sub-td-type{text-align:left;min-width:240px}.sub-th-module,.sub-td-module{text-align:center;width:90px}.sub-th-num,.sub-td-num{text-align:right;min-width:80px;font-variant-numeric:tabular-nums}.sub-th-status,.sub-td-status{text-align:center;width:95px}.sub-th-actions,.sub-td-actions{text-align:right;min-width:130px;padding-right:1rem}.fee-extra-tag{margin-left:.5rem;font-size:.65rem;font-weight:800;color:#7c3aed;background-color:#f5f3ff;border:1px solid #ddd6fe;padding:.1rem .35rem;border-radius:4px}.fee-module-pill{font-size:.7rem;font-weight:700;color:#475569;background-color:#f1f5f9;padding:.15rem .45rem;border-radius:4px}.sub-actions-group{display:inline-flex;align-items:center;justify-content:flex-end;gap:.35rem}.fee-btn-collect{padding:.25rem .6rem;font-size:.75rem;font-weight:700;color:#fff;background-color:#0f172a;border:none;border-radius:4px;cursor:pointer;transition:all .15s ease}.fee-btn-collect:hover{background-color:#1e293b}.fee-btn-refund{padding:.25rem .55rem;font-size:.75rem;font-weight:600;color:#be123c;background-color:#fff1f2;border:1px solid #fecdd3;border-radius:4px;cursor:pointer;transition:all .15s ease}.fee-btn-refund:hover{background-color:#ffe4e6}.fee-table-footer{padding:.75rem 1.25rem;background-color:#fff;border-top:1px solid var(--fee-slate-200);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.fee-pagination-info{font-size:.8125rem;color:#64748b}.fee-pagination-controls{display:flex;align-items:center;gap:.5rem}.fee-pagination-btn{padding:.35rem .75rem;font-size:.8125rem;font-weight:600;color:#334155;background-color:#fff;border:1px solid #cbd5e1;border-radius:var(--fee-radius-sm);cursor:pointer;transition:all .15s ease}.fee-pagination-btn:hover:not(:disabled){background-color:#f1f5f9;border-color:#94a3b8}.fee-pagination-btn:disabled{opacity:.45;cursor:not-allowed}.fee-page-indicator{font-size:.8125rem;font-weight:600;color:#1e293b;padding:0 .5rem}.fee-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:700;border-radius:9999px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.badge-paid{background-color:var(--fee-emerald-50);color:var(--fee-emerald-700);border:1px solid #a7f3d0}.badge-unpaid{background-color:var(--fee-rose-50);color:var(--fee-rose-700);border:1px solid #fecdd3}.badge-partial{background-color:var(--fee-amber-50);color:var(--fee-amber-700);border:1px solid #fde68a}.badge-overpaid{background-color:var(--fee-purple-50);color:var(--fee-purple-600);border:1px solid #e9d5ff}.badge-active{background-color:var(--fee-emerald-50);color:var(--fee-emerald-700);border:1px solid #a7f3d0}.badge-inactive{background-color:var(--fee-slate-100);color:var(--fee-navy-600);border:1px solid var(--fee-slate-300)}.fee-bank-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem}.fee-bank-card{background:#fff;border:1px solid var(--fee-slate-200);border-radius:var(--fee-radius-md);padding:1.125rem;box-shadow:var(--fee-shadow-sm);display:flex;flex-direction:column;justify-content:space-between;gap:.75rem}.fee-bank-card-header{display:flex;justify-content:space-between;align-items:flex-start}.fee-bank-name{font-size:1rem;font-weight:700;color:var(--fee-navy-900);margin:0}.fee-bank-code{font-size:.75rem;font-weight:600;background-color:var(--fee-slate-100);color:var(--fee-navy-700);padding:.2rem .4rem;border-radius:var(--fee-radius-sm)}.fee-bank-details{font-size:.8125rem;color:var(--fee-navy-600);line-height:1.5}.fee-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem;box-sizing:border-box}.fee-modal-dialog{background:#fff;border-radius:var(--fee-radius-lg);box-shadow:var(--fee-shadow-lg);width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:feeModalIn .2s ease-out}@keyframes feeModalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.fee-modal-header{padding:1.125rem 1.5rem;border-bottom:1px solid var(--fee-slate-200);display:flex;align-items:center;justify-content:space-between}.fee-modal-header h3{font-size:1.125rem;font-weight:700;color:var(--fee-navy-900);margin:0}.fee-modal-close-btn{background:transparent;border:none;color:var(--fee-navy-600);cursor:pointer;padding:.25rem;border-radius:var(--fee-radius-sm);display:flex;align-items:center;justify-content:center}.fee-modal-close-btn:hover{background-color:var(--fee-slate-100);color:var(--fee-navy-900)}.fee-modal-body{padding:1.5rem;overflow-y:auto;max-height:calc(90vh - 130px)}.fee-modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--fee-slate-200);display:flex;justify-content:flex-end;gap:.75rem;background-color:var(--fee-slate-50)}.fee-form-group{margin-bottom:1rem}.fee-form-group label{display:block;font-size:.8125rem;font-weight:600;color:var(--fee-navy-800);margin-bottom:.375rem}.fee-form-input,.fee-form-select,.fee-form-textarea{width:100%;box-sizing:border-box;padding:.5625rem .75rem;font-size:.875rem;border:1px solid var(--fee-slate-300);border-radius:var(--fee-radius-sm);background-color:#fff;color:var(--fee-navy-900);outline:none;transition:border-color .15s ease}.fee-form-input:focus,.fee-form-select:focus,.fee-form-textarea:focus{border-color:var(--fee-blue-600)}.fee-form-row{display:flex;gap:1rem}@media(max-width:540px){.fee-form-row{flex-direction:column;gap:0}}.fee-receipt-paper{background:#fff;border:1px solid var(--fee-slate-300);border-radius:var(--fee-radius-md);padding:2rem;max-width:500px;margin:0 auto;box-shadow:var(--fee-shadow-md);font-family:var(--font-family, "Plus Jakarta Sans", "Inter", sans-serif);color:#0f172a}.fee-receipt-header{text-align:center;border-bottom:2px dashed var(--fee-slate-300);padding-bottom:1.25rem;margin-bottom:1.25rem}.fee-receipt-logo-title{font-size:1.25rem;font-weight:800;color:var(--fee-navy-900);margin:0 0 .25rem}.fee-receipt-sub{font-size:.8125rem;color:var(--fee-navy-600);margin:0}.fee-receipt-number-badge{display:inline-block;margin-top:.5rem;padding:.25rem .75rem;background-color:var(--fee-slate-100);font-size:.875rem;font-weight:700;border-radius:var(--fee-radius-sm);letter-spacing:.05em}.fee-receipt-row{display:flex;justify-content:space-between;font-size:.875rem;padding:.375rem 0}.fee-receipt-row.bold{font-weight:700;font-size:1rem;border-top:1px solid var(--fee-slate-300);border-bottom:1px solid var(--fee-slate-300);padding:.5rem 0;margin:.75rem 0}@media print{body *{visibility:hidden}.fee-receipt-paper,.fee-receipt-paper *,#printable-invoice,#printable-invoice *,.printable-guest-invoice,.printable-guest-invoice *{visibility:visible!important}.fee-receipt-paper{position:absolute;left:0;top:0;width:100%;border:none;box-shadow:none}#printable-invoice,.printable-guest-invoice{position:fixed!important;left:0!important;top:0!important;width:100%!important;max-width:100%!important;margin:0!important;padding:24px!important;background:#fff!important;color:#0f172a!important;border:none!important;box-shadow:none!important;z-index:999999!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.fee-modal-footer,.fee-modal-header,.mobile-close-btn{display:none!important}}@media screen and (max-width:768px){.fee-module-container{padding:.75rem}.fee-header-section{flex-direction:column;align-items:flex-start;gap:.75rem}.fee-header-actions{width:100%;justify-content:flex-start}.fee-toolbar-container{flex-direction:column;align-items:stretch;gap:.5rem}.fee-search-input-wrapper{min-width:100%;width:100%}.fee-select-filter{width:100%}.fee-modal-dialog{max-width:95vw;margin:.5rem}.fee-modal-body{padding:1rem;max-height:calc(85vh - 120px)}.fee-form-row{flex-direction:column;gap:.75rem}.fee-kpi-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.fee-data-table th,.fee-data-table td{padding:.5rem .6rem;font-size:.8125rem}}.admin-notifications-container{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:1400px;margin:0 auto;padding-bottom:3rem}.admin-notif-header-actions{display:flex;align-items:center;gap:.75rem}.btn-create-notification{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:600;font-size:.875rem;padding:.625rem 1.25rem;border-radius:8px;border:none;cursor:pointer;box-shadow:0 2px 6px #2563eb40;transition:all .2s ease-in-out}.btn-create-notification:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 10px #2563eb59;transform:translateY(-1px)}.admin-notif-kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.admin-notif-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1.125rem 1rem;display:flex;align-items:center;gap:.875rem;box-shadow:0 1px 3px #0000000d;transition:transform .2s,box-shadow .2s}.admin-notif-kpi-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.notif-kpi-icon-wrapper{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-kpi-icon-wrapper.total{background:#eff6ff;color:#2563eb}.notif-kpi-icon-wrapper.unread{background:#fef2f2;color:#dc2626}.notif-kpi-icon-wrapper.read{background:#f0fdf4;color:#16a34a}.notif-kpi-icon-wrapper.sent-today{background:#faf5ff;color:#9333ea}.notif-kpi-icon-wrapper.system{background:#f1f5f9;color:#475569}.notif-kpi-icon-wrapper.announcements{background:#fffbeb;color:#d97706}.notif-kpi-content{display:flex;flex-direction:column;overflow:hidden}.notif-kpi-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#64748b;white-space:nowrap}.notif-kpi-value{font-size:1.375rem;font-weight:700;color:#0f172a;line-height:1.2;margin-top:.125rem}.admin-notif-filters-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1.25rem;box-shadow:0 1px 3px #0000000a}.admin-notif-filters-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr auto;gap:.75rem;align-items:flex-end}.filter-input-group{display:flex;flex-direction:column;gap:.375rem}.filter-input-group label{font-size:.75rem;font-weight:600;color:#475569}.filter-input-group input,.filter-input-group select{height:38px;padding:0 .75rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.875rem;color:#1e293b;background-color:#f8fafc;outline:none;transition:border-color .15s,box-shadow .15s}.filter-input-group input:focus,.filter-input-group select:focus{border-color:#2563eb;background-color:#fff;box-shadow:0 0 0 3px #2563eb1a}.btn-reset-filters{height:38px;padding:0 .875rem;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#475569;font-size:.875rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.375rem;transition:all .15s}.btn-reset-filters:hover{background:#e2e8f0;color:#1e293b}.admin-notif-history-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000a;overflow:hidden}.history-card-header{padding:1rem 1.25rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#fafafa}.history-card-header h3{font-size:1rem;font-weight:600;color:#0f172a;margin:0;display:flex;align-items:center;gap:.5rem}.history-count-badge{font-size:.75rem;font-weight:600;background:#e2e8f0;color:#475569;padding:.125rem .5rem;border-radius:12px}.admin-notif-table-wrapper{width:100%;overflow-x:auto}.admin-notif-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.admin-notif-table th{background:#f8fafc;color:#475569;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;padding:.85rem 1rem;border-bottom:1px solid #e2e8f0;white-space:nowrap}.admin-notif-table td{padding:.875rem 1rem;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle}.admin-notif-table tr:hover td{background-color:#f8fafc}.notif-cell-title{max-width:240px}.notif-cell-title strong{display:block;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-cell-snippet{display:block;font-size:.75rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.125rem}.badge-category{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.badge-category.announcement{background:#fef3c7;color:#92400e}.badge-category.system{background:#f1f5f9;color:#334155}.badge-category.outing{background:#e0e7ff;color:#3730a3}.badge-category.leave{background:#dbeafe;color:#1e40af}.badge-category.complaint{background:#ffedd5;color:#9a3412}.badge-category.mess{background:#dcfce7;color:#166534}.badge-category.biometric{background:#ede9fe;color:#5b21b6}.badge-category.fee{background:#ecfdf5;color:#065f46}.badge-category.device{background:#e2e8f0;color:#1e293b}.badge-category.suspension{background:#fee2e2;color:#991b1b}.badge-priority{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.badge-priority.low{background:#f1f5f9;color:#64748b}.badge-priority.normal{background:#eff6ff;color:#2563eb}.badge-priority.high{background:#fef3c7;color:#d97706}.badge-priority.urgent{background:#fee2e2;color:#dc2626;font-weight:700}.badge-read-status{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:4px}.badge-read-status.read{background:#f0fdf4;color:#16a34a}.badge-read-status.unread{background:#fef2f2;color:#dc2626}.btn-view-detail{background:#fff;border:1px solid #cbd5e1;color:#2563eb;padding:.375rem .75rem;border-radius:6px;font-size:.8125rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.375rem;transition:all .15s}.btn-view-detail:hover{background:#eff6ff;border-color:#93c5fd}.admin-notif-empty{padding:3.5rem 1rem;text-align:center;color:#64748b;display:flex;flex-direction:column;align-items:center;gap:.75rem}.admin-notif-empty p{margin:0;font-size:.9375rem}.admin-notif-pagination{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;background:#f8fafc;border-top:1px solid #e2e8f0;font-size:.875rem;color:#64748b}.pagination-controls{display:flex;align-items:center;gap:.5rem}.btn-page{padding:.375rem .75rem;background:#fff;border:1px solid #cbd5e1;border-radius:6px;font-size:.8125rem;font-weight:500;color:#334155;cursor:pointer;transition:all .15s}.btn-page:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}.btn-page:disabled{opacity:.5;cursor:not-allowed}.admin-notif-mobile-cards{display:none;flex-direction:column;gap:.875rem;padding:1rem}.notif-mobile-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 1px 2px #0000000a}.notif-mobile-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.notif-mobile-title{font-weight:600;font-size:.9375rem;color:#0f172a}.notif-mobile-body{font-size:.875rem;color:#475569;line-height:1.4}.notif-mobile-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-size:.75rem;color:#64748b;border-top:1px solid #f1f5f9;padding-top:.5rem}.notif-mobile-actions{display:flex;justify-content:flex-end}.admin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.admin-modal-container{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.admin-modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.admin-modal-header h3{font-size:1.125rem;font-weight:700;color:#0f172a;margin:0;display:flex;align-items:center;gap:.5rem}.btn-modal-close{background:transparent;border:none;color:#64748b;cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.btn-modal-close:hover{background:#e2e8f0;color:#0f172a}.admin-modal-body{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.admin-modal-footer{padding:1rem 1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc;display:flex;justify-content:flex-end;gap:.75rem}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{font-size:.8125rem;font-weight:600;color:#334155}.form-group label span.required{color:#dc2626;margin-left:2px}.form-group input,.form-group select,.form-group textarea{padding:.625rem .75rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.875rem;color:#0f172a;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.form-group textarea{min-height:90px;resize:vertical}.form-hint{font-size:.75rem;color:#64748b}.recipient-resolution-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.875rem;color:#1e40af}.recipient-resolution-box .preview-btn{background:#2563eb;color:#fff;border:none;padding:.375rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;transition:background .15s}.recipient-resolution-box .preview-btn:hover{background:#1d4ed8}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#64748b}.detail-value{font-size:.875rem;font-weight:500;color:#0f172a}.detail-full-width{grid-column:1 / -1}.detail-message-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:.875rem;font-size:.875rem;line-height:1.5;color:#1e293b;white-space:pre-wrap}.detail-metadata-box{background:#0f172a;color:#f8fafc;font-family:monospace;font-size:.75rem;padding:.75rem;border-radius:6px;overflow-x:auto;max-height:150px}@media(max-width:1200px){.admin-notif-kpi-grid{grid-template-columns:repeat(3,1fr)}.admin-notif-filters-grid{grid-template-columns:1fr 1fr 1fr}}@media(max-width:768px){.admin-notif-kpi-grid{grid-template-columns:repeat(2,1fr)}.admin-notif-filters-grid{grid-template-columns:1fr}.admin-notif-table-wrapper{display:none}.admin-notif-mobile-cards{display:flex}.form-row-2,.detail-grid{grid-template-columns:1fr}}@media(max-width:480px){.admin-notif-kpi-grid{grid-template-columns:1fr}}:root{--primary-navy: #151B54;--primary-navy-hover: #0E1340;--primary-navy-active: #080C2C;--primary-indigo: #2D3A8C;--bg-page: #F8FAFC;--bg-card: #FFFFFF;--bg-input: #FFFFFF;--bg-subtle: #F1F5F9;--text-main: #0F172A;--text-muted: #64748B;--text-label: #1E293B;--text-light: #94A3B8;--border-color: #E2E8F0;--border-focus: #151B54;--border-error: #EF4444;--color-error-bg: #FEF2F2;--color-error-border: #FCA5A5;--color-error-text: #B91C1C;--color-success-bg: #ECFDF5;--color-success-border: #A7F3D0;--color-success-text: #047857;--shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, .05);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .07), 0 2px 4px -2px rgba(15, 23, 42, .05);--shadow-lg: 0 10px 25px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .03);--shadow-card: 0 20px 40px -15px rgba(21, 27, 84, .08), 0 0 0 1px rgba(226, 232, 240, .8);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--font-family: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{min-height:100%;width:100%;font-family:var(--font-family);background-color:var(--bg-page);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}button,input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}*{scrollbar-width:thin;scrollbar-color:#CBD5E1 transparent}:focus-visible{outline:2px solid var(--primary-navy);outline-offset:2px;border-radius:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary-navy);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background-color:#151b5426;color:var(--primary-navy)}html{scroll-behavior:smooth}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}a{text-decoration-skip-ink:auto}input,select,textarea{color:#0f172a;background-color:#fff}input::placeholder,textarea::placeholder,select::placeholder{color:#94a3b8!important;opacity:1!important;-webkit-text-fill-color:#94A3B8!important}select option{color:#0f172a!important;background-color:#fff!important;font-size:.9375rem;padding:8px 12px}select option:disabled{color:#94a3b8!important}.auth-viewport{min-height:100vh;min-height:100dvh;width:100%;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,4vw,2.5rem);background:radial-gradient(circle at 10% 20%,#eef2f6,#f8fafc 90%)}.auth-container{width:100%;max-width:1080px;display:grid;grid-template-columns:1fr 1.05fr;background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:0 25px 50px #0000001f,0 8px 24px #0000000f;overflow:hidden;border:1px solid var(--border-color);min-height:640px;position:relative;z-index:1}.auth-branding-panel{background:linear-gradient(145deg,#151b54,#1a2168,#0f133f);color:#fff;padding:clamp(2rem,5vw,3.5rem);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.brand-badge{display:inline-flex;align-items:center;gap:.75rem;z-index:1}.brand-logo-icon{width:44px;height:44px;background:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--primary-navy);box-shadow:0 4px 12px #00000026;flex-shrink:0}.brand-logo-text{display:flex;flex-direction:column}.brand-name{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;color:#fff;line-height:1.2}.brand-subtitle{font-size:.75rem;font-weight:500;color:#94a3b8;letter-spacing:.04em;text-transform:uppercase}.brand-hero{z-index:1;margin:3rem 0 2rem}.brand-hero-title{font-size:clamp(1.75rem,2.5vw,2.25rem);font-weight:700;line-height:1.2;color:#fff;margin-bottom:1rem;letter-spacing:-.02em}.brand-hero-desc{font-size:.975rem;color:#cbd5e1;line-height:1.65;max-width:380px}.brand-features{display:flex;flex-direction:column;gap:.85rem;margin-top:1.5rem}.brand-feature-item{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#e2e8f0;font-weight:500}.feature-check-icon{width:22px;height:22px;border-radius:50%;background:#ffffff1f;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#60a5fa}.brand-footer{font-size:.75rem;color:#94a3b8;z-index:1;display:flex;align-items:center;gap:.5rem}.auth-form-panel{padding:clamp(2.5rem,5vw,4rem);display:flex;flex-direction:column;justify-content:center;background:#fff}.form-header{margin-bottom:2rem}.mobile-brand-header{display:none;align-items:center;gap:.75rem;margin-bottom:1.75rem}.mobile-logo-icon{width:40px;height:40px;background:var(--primary-navy);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.form-title{font-size:clamp(1.5rem,2.2vw,1.85rem);font-weight:700;color:var(--primary-navy);letter-spacing:-.02em;margin-bottom:.35rem}.form-subtitle{font-size:.925rem;color:var(--text-muted);font-weight:400}.login-form{display:flex;flex-direction:column;gap:1.25rem;width:100%}.form-group{display:flex;flex-direction:column;gap:.5rem;position:relative}.form-label{font-size:.875rem;font-weight:600;color:var(--text-label)}.form-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.input-icon-left{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-light);pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:2;width:20px;height:20px}.form-input{width:100%;height:48px;padding:0 16px 0 44px;font-size:.95rem;color:var(--text-main);background-color:var(--bg-input);border:1.5px solid var(--border-color);border-radius:var(--radius-md);outline:none;transition:all var(--transition-fast)}.form-input-wrapper .form-input,.form-input-wrapper input{padding-left:44px!important;padding-right:16px!important}.form-input-wrapper .password-input,.form-input-wrapper:has(.password-toggle-btn) .form-input,.form-input-wrapper:has(.password-toggle-btn) input{padding-right:44px!important}.form-input:focus{border-color:var(--primary-navy);box-shadow:0 0 0 3px #151b541f}.form-input.has-error{border-color:var(--border-error);background-color:#fffbfb}.password-toggle-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);height:36px;width:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;z-index:2;transition:all var(--transition-fast)}.password-toggle-btn:hover{color:var(--text-main);background:var(--bg-subtle)}.field-error-msg{font-size:.8rem;color:var(--color-error-text);font-weight:500;display:flex;align-items:center;gap:.35rem}.alert-banner{padding:.875rem 1rem;border-radius:var(--radius-md);font-size:.875rem;display:flex;align-items:flex-start;gap:.65rem;line-height:1.4;margin-bottom:.5rem}.alert-banner.error{background-color:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error-text)}.btn-submit{width:100%;height:48px;margin-top:.75rem;background-color:var(--primary-navy);color:#fff;border:none;border-radius:var(--radius-md);font-size:.975rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px #151b5433;transition:all var(--transition-normal)}.btn-submit:hover:not(:disabled){background-color:var(--primary-navy-hover);transform:translateY(-1px)}.auth-security-note{margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--border-color);font-size:.775rem;color:var(--text-muted);text-align:center;display:flex;align-items:center;justify-content:center;gap:.4rem}.portal-layout{display:flex;min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;width:100%;background:radial-gradient(at 90% 0%,rgba(219,234,254,.55) 0px,transparent 40%),radial-gradient(at 10% 100%,rgba(238,242,255,.6) 0px,transparent 45%),#f8fafc;position:relative;overflow:hidden}.dashboard-sidebar{width:260px;height:100vh;height:100dvh;background:#fff;border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:relative;flex-shrink:0;z-index:30;overflow:hidden}.sidebar-header{height:64px;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);flex-shrink:0}.sidebar-brand-group{display:flex;align-items:center;gap:.75rem}.sidebar-brand-icon{width:38px;height:38px;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 10px #2563eb40}.sidebar-brand-text{display:flex;flex-direction:column}.sidebar-brand-name{font-size:1rem;font-weight:700;color:var(--primary-navy);line-height:1.2}.sidebar-brand-sub{font-size:.7rem;color:var(--text-muted);font-weight:500}.student-portal-badge{font-size:.62rem!important;font-weight:800!important;letter-spacing:.08em!important;color:#2563eb!important;background:#eff6ff;padding:2px 7px;border-radius:4px;display:inline-block;margin-top:3px;text-transform:uppercase;border:1px solid #DBEAFE}.mobile-close-btn{display:none;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.35rem;border-radius:var(--radius-sm)}.sidebar-nav{flex:1;padding:1rem .75rem;display:flex;flex-direction:column;gap:.35rem;overflow-y:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .2s ease}.dashboard-sidebar:hover .sidebar-nav,.sidebar-nav:hover{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#CBD5E1 transparent}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sidebar-nav-item{display:flex;align-items:center;gap:.85rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-label);font-size:.9rem;font-weight:500;text-align:left;cursor:pointer;width:100%;transition:all var(--transition-fast)}.sidebar-nav-item:hover{background-color:#f5f3ff;color:#5b4fcf;transform:translate(4px)}.sidebar-nav-item:hover .nav-item-icon{color:#5b4fcf}.sidebar-nav-item.active{background:linear-gradient(135deg,#5b4fcf,#7c3aed);color:#fff!important;font-weight:600;box-shadow:0 4px 14px -2px #5b4fcf59;border:none;transform:translate(4px)}.sidebar-nav-item.active .nav-item-icon,.sidebar-nav-item.active .nav-item-label{color:#fff!important}.nav-item-icon{color:var(--text-light);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.nav-icon-dashboard{color:#2563eb}.nav-icon-biometric{color:#0d9488}.nav-icon-room{color:#6366f1}.nav-icon-mess{color:#d97706}.nav-icon-outings{color:#8b5cf6}.nav-icon-complaints{color:#e11d48}.nav-icon-leaves{color:#059669}.nav-icon-notifications{color:#0284c7}.sidebar-footer{padding:1rem .75rem;border-top:1px solid var(--border-color);flex-shrink:0}.sidebar-logout-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:#dc2626;font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.sidebar-logout-btn:hover{background-color:#fef2f2;border-color:#fca5a5}.portal-main-area{flex:1;display:flex;flex-direction:column;min-width:0;height:100vh;height:100dvh;overflow-y:auto;overflow-x:hidden;position:relative;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.main-header{height:64px;background:#fff;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;position:sticky;top:0;z-index:20;flex-shrink:0}.header-left-section{display:flex;align-items:center;gap:1rem}.mobile-hamburger-btn{display:none;background:transparent;border:none;color:var(--primary-navy);cursor:pointer;padding:.4rem;border-radius:var(--radius-sm)}.header-page-title{font-size:1.25rem;font-weight:700;color:var(--primary-navy);letter-spacing:-.01em}.header-right-section{display:flex;align-items:center;gap:1rem}.header-icon-btn{position:relative;width:40px;height:40px;border-radius:var(--radius-sm);background:var(--bg-subtle);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-label);cursor:pointer;transition:all var(--transition-fast)}.header-icon-btn:hover{background-color:#e2e8f0;color:var(--primary-navy)}.notification-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background-color:#ef4444;border-radius:50%}.profile-dropdown-wrapper{position:relative}.profile-trigger-btn{display:flex;align-items:center;gap:.65rem;background:transparent;border:1px solid transparent;border-radius:9999px;padding:.25rem .5rem .25rem .25rem;cursor:pointer;transition:all var(--transition-fast)}.profile-trigger-btn:hover{background:var(--bg-subtle);border-color:var(--border-color)}.avatar-circle{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #2563eb4d}.profile-text-desktop{display:flex;flex-direction:column;text-align:left}.profile-name{font-size:.85rem;font-weight:700;color:var(--text-main);line-height:1.2}.profile-roll{font-size:.725rem;color:var(--text-muted)}.profile-chevron{color:var(--text-light)}.profile-dropdown-menu{position:absolute;right:0;top:calc(100% + 8px);width:240px;background:#fff;border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);padding:.5rem;z-index:50;animation:fadeIn .15s ease-out}.dropdown-user-info{padding:.75rem .5rem}.dropdown-user-name{font-size:.9rem;font-weight:700;color:var(--primary-navy)}.dropdown-user-email{font-size:.775rem;color:var(--text-muted);word-break:break-all;margin-top:.15rem}.dropdown-user-badge{display:inline-block;margin-top:.45rem;font-size:.7rem;font-weight:700;padding:.15rem .5rem;background-color:#eef2ff;color:var(--primary-navy);border-radius:var(--radius-sm)}.dropdown-divider{height:1px;background-color:var(--border-color);margin:.35rem 0}.dropdown-signout-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.65rem .5rem;background:transparent;border:none;border-radius:var(--radius-sm);color:#dc2626;font-size:.85rem;font-weight:600;cursor:pointer;transition:background-color var(--transition-fast)}.dropdown-signout-btn:hover{background-color:#fef2f2}.portal-content-body{flex:1;padding:clamp(1rem,2.5vw,2rem);max-width:1280px;width:100%;margin:0 auto}.dashboard-content-wrapper{display:flex;flex-direction:column;gap:1.75rem;width:100%}.welcome-banner-card{background:linear-gradient(135deg,#0f172a,#1e3a8a 55%,#2563eb);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.15);box-shadow:0 12px 28px -6px #1e3a8a47,0 8px 10px -6px #1e3a8a33;padding:clamp(1.25rem,3vw,1.85rem);display:flex;flex-direction:column;gap:1.15rem;color:#fff;position:relative;overflow:hidden}.welcome-banner-card:before{content:"";position:absolute;top:-60px;right:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.28) 0%,transparent 70%);pointer-events:none}.welcome-banner-main{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;position:relative;z-index:1}.welcome-text-group{display:flex;flex-direction:column}.welcome-title{font-size:clamp(1.4rem,2.4vw,1.85rem);font-weight:800;color:#fff;letter-spacing:-.02em}.welcome-subtitle{font-size:.95rem;color:#bfdbfe;margin-top:.2rem}.welcome-profile-link{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;background:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);border-radius:9999px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.welcome-profile-link:hover{background:#ffffff40;transform:translate(2px)}.welcome-banner-meta{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.15);padding-top:.95rem;font-size:.825rem;position:relative;z-index:1}.meta-badge{background:#ffffff1f;padding:.35rem .75rem;border-radius:var(--radius-sm);color:#f1f5f9;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.meta-badge strong{color:#93c5fd}.btn-sync-data{margin-left:auto;display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);color:#f1f5f9;font-size:.775rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-sync-data:hover{background:#ffffff38;color:#fff}.btn-sync-data.spinning svg{animation:spin .8s linear infinite}.summary-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.metric-card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:1.25rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;min-height:160px;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.metric-card.card-room{border-top:3px solid #3B82F6}.metric-card.card-outings{border-top:3px solid #8B5CF6}.metric-card.card-mess{border-top:3px solid #F59E0B}.metric-card.card-leaves{border-top:3px solid #10B981}.metric-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px -4px #0f172a14,0 4px 6px -2px #0f172a0a}.metric-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.metric-icon-badge{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.badge-blue{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb;box-shadow:0 2px 8px #2563eb26}.badge-purple{background:linear-gradient(135deg,#f5f3ff,#ede9fe);color:#7c3aed;box-shadow:0 2px 8px #7c3aed26}.badge-red{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#d97706;box-shadow:0 2px 8px #d9770626}.badge-green{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669;box-shadow:0 2px 8px #05966926}.status-pill{font-size:.7rem;font-weight:700;letter-spacing:.04em;padding:.2rem .6rem;border-radius:9999px;text-transform:uppercase}.pill-success{background-color:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-border)}.pill-warning{background-color:#fef3c7;color:#d97706;border:1px solid #FDE68A}.metric-mini-badge{font-size:.75rem;font-weight:600;color:var(--text-muted)}.metric-body{display:flex;flex-direction:column}.metric-label{font-size:.925rem;font-weight:700;color:var(--primary-navy);margin-bottom:.25rem}.metric-secondary-label{font-size:.7rem;font-weight:700;color:var(--text-muted);letter-spacing:.05em;margin-bottom:.15rem}.metric-primary-value{font-size:1.25rem;font-weight:800;color:var(--primary-navy);letter-spacing:-.01em}.metric-primary-value.text-empty{font-size:1rem;color:var(--text-muted);font-weight:600}.metric-secondary-value{font-size:.775rem;color:var(--text-muted);margin-top:.2rem}.quick-actions-section{display:flex;flex-direction:column;gap:.85rem}.section-title{font-size:.8rem;font-weight:700;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.btn-quick-action{background:var(--primary-navy);color:#fff;border:none;border-radius:var(--radius-lg);padding:1.15rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;cursor:pointer;transition:all var(--transition-normal);min-height:86px}.btn-quick-action.action-outing{background:linear-gradient(135deg,#1e40af,#3b82f6);box-shadow:0 4px 14px #2563eb47}.btn-quick-action.action-biometric{background:linear-gradient(135deg,#0f766e,#0d9488);box-shadow:0 4px 14px #0d948847}.btn-quick-action.action-complaint{background:linear-gradient(135deg,#be123c,#e11d48);box-shadow:0 4px 14px #e11d4847}.btn-quick-action.action-mess{background:linear-gradient(135deg,#b45309,#d97706);box-shadow:0 4px 14px #d9770647}.btn-quick-action:hover{transform:translateY(-3px);filter:brightness(1.08)}.btn-quick-action:active{transform:translateY(0)}.action-icon-wrap{display:flex;align-items:center;justify-content:center}.action-title{font-size:.875rem;font-weight:600;letter-spacing:.01em}.feeds-split-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.feed-card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden}.feed-card-header{padding:1.1rem 1.25rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.feed-header-left{display:flex;align-items:center;gap:.5rem}.feed-header-icon{color:var(--primary-navy)}.feed-title{font-size:.95rem;font-weight:700;color:var(--primary-navy)}.feed-view-all-btn{background:transparent;border:none;font-size:.8rem;font-weight:600;color:var(--primary-navy);cursor:pointer}.feed-card-body{padding:1.15rem 1.25rem;display:flex;flex-direction:column;min-height:180px}.activity-timeline{display:flex;flex-direction:column;gap:1rem}.activity-timeline-item{display:flex;align-items:flex-start;gap:.75rem}.activity-bullet{width:8px;height:8px;border-radius:50%;background-color:var(--primary-navy);margin-top:6px;flex-shrink:0}.activity-details{display:flex;flex-direction:column}.activity-desc{font-size:.85rem;color:var(--text-main);font-weight:500}.activity-time{font-size:.725rem;color:var(--text-light);margin-top:.15rem}.notifications-preview-list{display:flex;flex-direction:column;gap:.85rem}.notification-preview-item{padding:.75rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:#fff;display:flex;flex-direction:column;gap:.25rem}.notification-preview-item.unread{background-color:#f8fafc;border-left:3px solid var(--primary-navy)}.notification-item-header{display:flex;align-items:center;justify-content:space-between}.notif-title{font-size:.825rem;font-weight:700;color:var(--primary-navy)}.notif-time{font-size:.7rem;color:var(--text-light)}.notif-message{font-size:.775rem;color:var(--text-muted);line-height:1.4}.empty-feed-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:var(--text-light);gap:.5rem;padding:2rem 0;font-size:.875rem}.room-page-content{display:flex;flex-direction:column;gap:1.75rem;max-width:980px;margin:0 auto;width:100%}.room-page-topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.topbar-left{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.topbar-student-badge{font-size:.85rem;color:var(--text-label);background:#fff;border:1px solid var(--border-color);padding:.35rem .85rem;border-radius:9999px;box-shadow:var(--shadow-sm)}.topbar-status-pill{font-size:.725rem;font-weight:700;letter-spacing:.04em;padding:.25rem .65rem;border-radius:9999px;text-transform:uppercase}.btn-sync-room{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.8rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.btn-sync-room:hover{background-color:var(--bg-subtle);color:var(--primary-navy)}.btn-sync-room.spinning svg{animation:spin .8s linear infinite}.room-overview-banner{background:linear-gradient(135deg,#0f172a,#1e3a8a 55%,#2563eb);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 25px -5px #2563eb38;padding:clamp(1.25rem,3vw,1.85rem);display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#fff}.overview-left{display:flex;align-items:center;gap:1.25rem}.room-hero-icon{width:56px;height:56px;border-radius:50%;background:#ffffff26;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.room-hero-text{display:flex;flex-direction:column}.room-hero-title{font-size:clamp(1.3rem,2.2vw,1.65rem);font-weight:800;color:#fff;letter-spacing:-.02em}.room-hero-sub{font-size:.925rem;color:#bfdbfe;margin-top:.2rem}.overview-right{display:flex;align-items:center}.occupancy-pill{padding:.4rem .95rem;background:#ffffff2e;border:1px solid rgba(255,255,255,.28);border-radius:9999px;font-size:.8rem;font-weight:700;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.room-section-container{display:flex;flex-direction:column;gap:.75rem}.room-section-header{font-size:.8rem;font-weight:800;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.room-details-card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow:hidden}.detail-row{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.5rem;border-bottom:1px solid #F1F5F9;transition:background-color var(--transition-fast)}.detail-row:last-child{border-bottom:none}.detail-row:hover{background-color:#f8fafc}.detail-row-left{display:flex;align-items:center;gap:1rem}.detail-icon-circle{width:36px;height:36px;border-radius:var(--radius-sm);background-color:#eff6ff;color:var(--primary-navy);display:flex;align-items:center;justify-content:center;flex-shrink:0}.detail-label{font-size:.925rem;color:var(--text-muted);font-weight:500}.detail-value{font-size:.95rem;font-weight:700;color:var(--primary-navy)}.roommates-card-list{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow:hidden}.roommate-item-card{display:flex;align-items:center;padding:1.1rem 1.5rem;border-bottom:1px solid #F1F5F9;gap:1.15rem;transition:background-color var(--transition-fast)}.roommate-item-card:last-child{border-bottom:none}.roommate-item-card.is-self{background-color:#f8faff}.roommate-avatar{width:44px;height:44px;border-radius:50%;background-color:#eef2ff;color:var(--primary-navy);font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.roommate-info{flex:1;display:flex;flex-direction:column}.roommate-name-wrap{display:flex;align-items:center;gap:.5rem}.roommate-name{font-size:.95rem;font-weight:700;color:var(--text-main)}.self-badge{font-size:.7rem;font-weight:700;background-color:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-border);padding:.15rem .5rem;border-radius:9999px}.roommate-roll{font-size:.8rem;color:var(--text-muted);font-family:monospace,inherit}.roommate-meta{display:flex;align-items:center;gap:.5rem}.roommate-bed-badge{font-size:.775rem;font-weight:700;background-color:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-label);padding:.35rem .75rem;border-radius:9999px}.roommates-empty-state{padding:2.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-light);gap:.5rem;font-size:.9rem}.allocation-info-card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.allocation-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.alloc-meta-item{display:flex;flex-direction:column;gap:.35rem}.alloc-label{font-size:.75rem;font-weight:700;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase}.alloc-val{font-size:.95rem;font-weight:700;color:var(--primary-navy)}.status-badge-inline{display:inline-flex;align-items:center;gap:.35rem;color:#059669}.admin-notice-box{background-color:#eff6ff;border:1px solid #BFDBFE;border-radius:var(--radius-md);padding:.9rem 1.25rem;display:flex;align-items:flex-start;gap:.75rem}.notice-icon{color:#2563eb;flex-shrink:0;margin-top:2px}.notice-text{font-size:.85rem;color:#1e40af;line-height:1.5}.room-empty-container{display:flex;align-items:center;justify-content:center;min-height:50vh;width:100%}.room-empty-card{max-width:520px;width:100%;background:#fff;border-radius:var(--radius-xl);border:1px solid var(--border-color);border-top:4px solid #3B82F6;box-shadow:0 10px 25px -5px #2563eb1a,0 8px 10px -6px #2563eb0d;padding:2.5rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.85rem}.room-empty-icon-wrap{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #2563eb33;margin-bottom:.5rem}.room-empty-title{font-size:1.4rem;font-weight:700;color:var(--primary-navy)}.room-empty-desc{font-size:.925rem;color:var(--text-muted);line-height:1.5}.skeleton-room-header{height:96px;border-radius:var(--radius-xl)}.skeleton-room-details{height:320px;border-radius:var(--radius-lg)}.skeleton-roommates{height:180px;border-radius:var(--radius-lg)}.room-state-container{display:flex;align-items:center;justify-content:center;min-height:50vh}.placeholder-container{display:flex;align-items:center;justify-content:center;min-height:60vh;width:100%}.placeholder-card{max-width:500px;width:100%;background:#fff;border-radius:var(--radius-xl);border:1px solid var(--border-color);padding:2.5rem 2rem;text-align:center;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;gap:1rem}.placeholder-icon-badge{width:64px;height:64px;border-radius:50%;background-color:#eef2ff;color:var(--primary-navy);display:flex;align-items:center;justify-content:center}.placeholder-title{font-size:1.4rem;font-weight:700;color:var(--primary-navy)}.placeholder-desc{font-size:.9rem;color:var(--text-muted);line-height:1.5}.placeholder-back-btn{margin-top:1rem;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:var(--primary-navy);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.placeholder-back-btn:hover{background-color:var(--primary-navy-hover)}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-welcome{height:110px;border-radius:var(--radius-lg)}.skeleton-card{height:160px;border-radius:var(--radius-lg)}.skeleton-quick-actions{height:90px;border-radius:var(--radius-lg)}.skeleton-feed{height:220px;border-radius:var(--radius-lg)}.dashboard-state-container{display:flex;align-items:center;justify-content:center;min-height:60vh}.state-card{max-width:440px;width:100%;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.85rem;box-shadow:var(--shadow-sm)}.state-icon-circle.error{width:56px;height:56px;border-radius:50%;background-color:var(--color-error-bg);color:var(--color-error-text);display:flex;align-items:center;justify-content:center}.btn-retry{margin-top:.5rem;display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;background-color:var(--primary-navy);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer}.mess-page-content{display:flex;flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto}.feedback-banner{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-radius:var(--radius-md);animation:slideDown .25s ease-out;box-shadow:var(--shadow-sm)}.feedback-banner.success{background-color:#ecfdf5;border:1px solid #A7F3D0;color:#065f46}.feedback-banner.error{background-color:#fef2f2;border:1px solid #FECACA;color:#991b1b}.feedback-content{display:flex;align-items:center;gap:.75rem;font-size:.9rem;font-weight:600}.feedback-dismiss-btn{background:transparent;border:none;color:currentColor;opacity:.7;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:opacity var(--transition-fast)}.feedback-dismiss-btn:hover{opacity:1}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mess-page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.mess-page-title{font-size:1.85rem;font-weight:800;color:var(--primary-navy);letter-spacing:-.02em}.mess-page-subtitle{font-size:.95rem;color:var(--text-muted);margin-top:.25rem}.refresh-tokens-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.15rem;background-color:#fff;color:var(--primary-navy);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.refresh-tokens-btn:hover:not(:disabled){background-color:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.refresh-tokens-btn.spinning svg{animation:spin 1s infinite linear}.mess-summary-banner{background:linear-gradient(135deg,#151b54,#1e297a);color:#fff;border-radius:var(--radius-xl);padding:2.25rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;box-shadow:0 16px 36px -12px #151b5459;position:relative;overflow:hidden}.mess-summary-banner:after{content:"";position:absolute;right:-50px;bottom:-50px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#ffffff1a,#fff0 70%);pointer-events:none}.summary-banner-left{display:flex;flex-direction:column;gap:.5rem;z-index:1}.summary-date-badge{display:inline-flex;align-items:center;gap:.45rem;background:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:.35rem .85rem;border-radius:9999px;font-size:.825rem;font-weight:600;width:fit-content}.summary-main-stat{font-size:1.85rem;font-weight:800;letter-spacing:-.01em}.summary-subtext{font-size:.925rem;color:#ffffffd9;max-width:500px}.summary-banner-right{display:flex;flex-direction:column;align-items:flex-end;gap:.85rem;z-index:1}.summary-pill-group{display:flex;gap:.85rem}.summary-stat-box{background:#ffffff1f;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:.75rem 1.25rem;border-radius:var(--radius-md);text-align:center;min-width:90px}.summary-stat-box .stat-number{display:block;font-size:1.6rem;font-weight:800;line-height:1.1}.summary-stat-box .stat-label{display:block;font-size:.725rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffffbf;margin-top:.2rem}.status-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;border-radius:9999px;font-size:.8rem;font-weight:700}.status-pill-success{background:#dcfce7;color:#15803d}.status-pill-info{background:#ffffffeb;color:var(--primary-navy)}.status-pill-neutral{background:#fff3;color:#fff}.mess-section{display:flex;flex-direction:column;gap:1.25rem}.section-title-group{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.mess-section-title{font-size:1.25rem;font-weight:700;color:var(--primary-navy)}.section-badge{font-size:.775rem;font-weight:600;color:#475569;background:#f1f5f9;padding:.3rem .85rem;border-radius:9999px}.section-badge.highlight{background:#eef2ff;color:var(--primary-navy);font-weight:700}.mess-slots-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.meal-slot-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.25rem;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);position:relative}.meal-slot-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#cbd5e1}.meal-slot-card.card-booked{border-color:#86efac;background:linear-gradient(180deg,#fff,#f0fdf4)}.meal-card-top{display:flex;align-items:center;justify-content:space-between}.meal-icon-box{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center}.meal-icon.breakfast{color:#d97706;background:#fef3c7;padding:6px;border-radius:10px}.meal-icon.lunch{color:#0284c7;background:#e0f2fe;padding:6px;border-radius:10px}.meal-icon.snacks{color:#d946ef;background:#fae8ff;padding:6px;border-radius:10px}.meal-icon.dinner{color:#6366f1;background:#eef2ff;padding:6px;border-radius:10px}.meal-status-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:700;padding:.3rem .65rem;border-radius:9999px}.meal-status-badge.badge-booked{background:#dcfce7;color:#15803d}.meal-status-badge.badge-available{background:#eef2ff;color:var(--primary-navy)}.meal-status-badge.badge-expired{background:#f1f5f9;color:#94a3b8}.meal-card-body{display:flex;flex-direction:column;gap:.35rem}.meal-name{font-size:1.15rem;font-weight:700;color:var(--text-main)}.meal-timing{display:inline-flex;align-items:center;gap:.4rem;font-size:.825rem;color:var(--text-muted);font-weight:500}.meal-desc{font-size:.825rem;color:#64748b;line-height:1.45;margin-top:.35rem}.meal-card-footer{margin-top:auto}.booked-token-indicator{background:#ecfdf5;border:1px dashed #6EE7B7;border-radius:var(--radius-md);padding:.65rem .85rem;display:flex;align-items:center;justify-content:center;gap:.5rem;color:#065f46;font-weight:700;font-size:.825rem}.booked-token-indicator .token-ref{font-family:monospace;letter-spacing:.03em}.btn-book-token{width:100%;padding:.75rem 1rem;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all var(--transition-fast);box-shadow:0 4px 12px #2563eb40}.btn-book-token:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#2563eb);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb59}.btn-book-token:disabled{opacity:.6;cursor:not-allowed}.spinner-sm{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s infinite linear}.passes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.digital-token-pass{background:#fff;border:1px solid #CBD5E1;border-radius:var(--radius-xl);padding:1.75rem;box-shadow:var(--shadow-card);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:1.25rem}.pass-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed #E2E8F0;padding-bottom:.85rem}.pass-brand{display:flex;align-items:center;gap:.45rem;font-size:.75rem;font-weight:800;letter-spacing:.08em;color:var(--primary-navy)}.pass-valid-tag{background:#dcfce7;color:#15803d;font-size:.7rem;font-weight:800;padding:.25rem .65rem;border-radius:9999px;letter-spacing:.04em}.pass-main{display:flex;align-items:center;justify-content:space-between;gap:1rem}.pass-meal-label{font-size:.825rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.pass-token-number{font-size:1.65rem;font-weight:800;color:var(--primary-navy);letter-spacing:.02em;margin:.25rem 0 .5rem;font-family:monospace}.pass-timing-chip{display:inline-flex;align-items:center;gap:.4rem;background:#f1f5f9;color:#334155;font-size:.8rem;font-weight:600;padding:.35rem .75rem;border-radius:8px}.pass-qr-visual{width:82px;height:82px;background:#fff;border:1.5px solid #E2E8F0;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--primary-navy);flex-shrink:0;padding:4px;position:relative;transition:all .15s ease;box-shadow:0 2px 4px #0f172a0a}.pass-qr-visual:hover{transform:translateY(-2px);border-color:#2563eb;box-shadow:0 6px 16px #2563eb1f}.pass-real-qr-img{width:58px;height:58px;display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;border-radius:4px}.pass-qr-label{font-size:.58rem;font-weight:800;letter-spacing:.04em;color:#1d4ed8;margin-top:2px;text-transform:uppercase}.booked-token-indicator{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem}.booked-token-meta{display:flex;align-items:center;gap:.4rem;color:#15803d;font-weight:600;font-size:.85rem}.btn-token-qr{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .7rem;background:#eff6ff;color:#1d4ed8;border:1px solid #BFDBFE;border-radius:6px;font-size:.75rem;font-weight:700;cursor:pointer;letter-spacing:.02em;transition:all .15s ease}.btn-token-qr:hover{background:#dbeafe;border-color:#93c5fd;color:#1e40af;transform:translateY(-1px)}.pass-details-footer{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;background:#f8fafc;border-radius:var(--radius-md);padding:.85rem 1rem}.meta-label{display:block;font-size:.675rem;font-weight:700;color:#64748b;letter-spacing:.05em}.meta-value{display:block;font-size:.85rem;font-weight:700;color:#0f172a;margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pass-bottom-note{display:flex;align-items:center;gap:.45rem;font-size:.75rem;color:#64748b;font-weight:500}.history-table-container{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow-x:auto;box-shadow:var(--shadow-sm)}.mess-history-table{width:100%;border-collapse:collapse;text-align:left}.mess-history-table th{padding:.95rem 1.25rem;background-color:#f8fafc;font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.mess-history-table td{padding:1.05rem 1.25rem;border-bottom:1px solid #F1F5F9;font-size:.875rem;vertical-align:middle}.history-meal-cell{display:flex;align-items:center;gap:.6rem}.history-token-pill{display:inline-block;font-family:monospace;font-weight:700;font-size:.85rem;color:var(--primary-navy);background:#eef2ff;padding:.25rem .65rem;border-radius:6px}.history-status-badge{display:inline-block;font-size:.75rem;font-weight:700;padding:.25rem .65rem;border-radius:9999px}.history-status-badge.badge-success{background:#dcfce7;color:#166534}.history-status-badge.badge-neutral{background:#f1f5f9;color:#475569}.history-status-badge.badge-warning{background:#fef3c7;color:#92400e}.empty-history-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:3rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.empty-history-icon{color:#94a3b8}.empty-history-title{font-size:1.15rem;font-weight:700;color:var(--primary-navy)}.empty-history-desc{font-size:.875rem;color:var(--text-muted);max-width:420px}.mess-rules-card{display:flex;align-items:flex-start;gap:1.15rem;background:#f8fafc;border:1px solid #E2E8F0;border-left:4px solid var(--primary-navy, #1E3A8A);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;box-shadow:var(--shadow-sm)}.rules-icon-wrap{width:40px;height:40px;border-radius:10px;background:#eef2ff;color:var(--primary-navy, #1E3A8A);display:flex;align-items:center;justify-content:center;flex-shrink:0}.rules-body{display:flex;flex-direction:column;gap:.35rem}.rules-title{font-size:.95rem;font-weight:700;color:var(--primary-navy, #1E3A8A)}.rules-desc{font-size:.85rem;color:#475569;line-height:1.55}.rules-desc strong{color:#1e293b}.mess-date-ribbon{display:flex;gap:.85rem;overflow-x:auto;padding-bottom:.5rem;scroll-behavior:smooth;scrollbar-width:thin}.mess-date-ribbon::-webkit-scrollbar{height:6px}.mess-date-ribbon::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.date-ribbon-card{flex:0 0 115px;background:#fff;border:2px solid var(--border-color, #E2E8F0);border-radius:var(--radius-lg);padding:.9rem .75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;cursor:pointer;transition:all var(--transition-fast);position:relative;text-align:center}.date-ribbon-card:hover{border-color:#94a3b8;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.date-ribbon-card.active{border-color:var(--primary-navy, #1E3A8A);background:linear-gradient(180deg,#fff,#eff6ff);box-shadow:0 6px 18px #1e3a8a26;transform:translateY(-2px)}.date-card-top{display:flex;align-items:center;gap:.35rem}.date-ribbon-card .day-name{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.date-ribbon-card.active .day-name{color:var(--primary-navy, #1E3A8A)}.today-badge{font-size:.65rem;font-weight:700;background:#dcfce7;color:#15803d;padding:.1rem .4rem;border-radius:9999px}.date-ribbon-card .day-number{font-size:1.6rem;font-weight:800;color:var(--primary-navy, #1E3A8A);line-height:1.1}.date-ribbon-card .month-name{font-size:.75rem;font-weight:600;color:#94a3b8}.date-ribbon-card.active .month-name{color:#475569}.active-pill-dot{width:6px;height:6px;border-radius:50%;background:var(--primary-navy, #1E3A8A);position:absolute;bottom:6px}.badge-today-chip{color:#86efac;font-weight:700}.meal-slot-card.card-draft{border-color:#93c5fd;background:linear-gradient(180deg,#fff,#eff6ff)}.meal-slot-card.card-skipped{border-color:#fcd34d;background:linear-gradient(180deg,#fff,#fffbeb)}.meal-slot-card.card-closed{border-color:#e2e8f0;background:#f8fafc;opacity:.82}.meal-status-badge.badge-draft{background:#dbeafe;color:#1d4ed8}.meal-status-badge.badge-skipped{background:#fef3c7;color:#b45309}.meal-status-badge.badge-closed{background:#f1f5f9;color:#64748b}.meal-deadline-chip{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;color:#64748b;background:#f1f5f9cc;padding:.3rem .65rem;border-radius:6px;margin-top:.45rem;width:fit-content}.deadline-icon{color:#94a3b8}.skipped-token-indicator{background:#fffbeb;border:1px dashed #F59E0B;border-radius:var(--radius-md);padding:.65rem .85rem;display:flex;align-items:center;justify-content:center;gap:.5rem;color:#b45309;font-weight:700;font-size:.825rem}.closed-token-indicator{background:#f1f5f9;border:1px solid #CBD5E1;border-radius:var(--radius-md);padding:.65rem .85rem;display:flex;align-items:center;justify-content:center;gap:.45rem;color:#64748b;font-weight:600;font-size:.825rem}.btn-book-token.btn-draft-action{background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 4px 12px #4f46e540}.btn-book-token.btn-draft-action:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#4338ca)}.meal-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .2s ease-out}.meal-modal-container{background:#fff;border-radius:var(--radius-xl);box-shadow:0 24px 48px -12px #0f172a59;width:100%;max-width:540px;overflow:hidden;display:flex;flex-direction:column;animation:scaleUp .22s ease-out}@keyframes scaleUp{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-meal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.75rem;border-bottom:1px solid var(--border-color, #E2E8F0);background:#f8fafc}.modal-meal-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center}.modal-meal-name{font-size:1.25rem;font-weight:800;color:var(--primary-navy, #1E3A8A)}.modal-meal-timing{font-size:.825rem;color:#64748b;margin-top:.2rem;font-weight:500}.modal-close-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:.35rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.modal-close-btn:hover{color:#334155;background:#e2e8f0}.modal-error-banner{display:flex;align-items:center;gap:.65rem;background:#fef2f2;border-bottom:1px solid #FECACA;color:#b91c1c;padding:.85rem 1.75rem;font-size:.875rem;font-weight:600}.modal-body-section{padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem}.choice-question-label{font-size:1.05rem;font-weight:700;color:var(--primary-navy, #1E3A8A)}.attendance-choices-grid{display:flex;flex-direction:column;gap:.95rem}.attendance-choice-card{display:flex;align-items:flex-start;gap:1rem;padding:1.15rem;border:2px solid var(--border-color, #E2E8F0);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:#fff}.attendance-choice-card:hover{border-color:#94a3b8;background:#f8fafc}.attendance-choice-card.selected{border-color:var(--primary-navy, #1E3A8A);background:linear-gradient(180deg,#fff,#f0f7ff);box-shadow:0 4px 14px #1e3a8a1f}.choice-radio-indicator{width:22px;height:22px;border-radius:50%;border:2px solid #CBD5E1;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;margin-top:.15rem;transition:all var(--transition-fast)}.attendance-choice-card.selected .choice-radio-indicator{border-color:var(--primary-navy, #1E3A8A);background:var(--primary-navy, #1E3A8A)}.choice-content{display:flex;flex-direction:column;gap:.3rem;flex:1}.choice-title-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.choice-title{font-size:.975rem;font-weight:700;color:#1e293b}.choice-tag-attend{font-size:.725rem;font-weight:700;background:#dcfce7;color:#15803d;padding:.2rem .55rem;border-radius:9999px}.choice-tag-skip{font-size:.725rem;font-weight:700;background:#fef3c7;color:#b45309;padding:.2rem .55rem;border-radius:9999px}.choice-desc{font-size:.825rem;color:#64748b;line-height:1.45}.modal-deadline-notice{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#475569;background:#f1f5f9;padding:.65rem 1rem;border-radius:8px}.modal-deadline-notice strong{color:var(--primary-navy, #1E3A8A)}.modal-footer-actions{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.75rem;border-top:1px solid var(--border-color, #E2E8F0);background:#f8fafc;gap:1rem;flex-wrap:wrap}.btn-modal-cancel{padding:.65rem 1.15rem;background:transparent;border:1px solid #CBD5E1;color:#475569;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-modal-cancel:hover:not(:disabled){background:#e2e8f0;color:#1e293b}.modal-primary-buttons{display:flex;align-items:center;gap:.75rem}.btn-modal-draft{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem 1.15rem;background:#fff;border:1.5px solid #93C5FD;color:#1d4ed8;border-radius:var(--radius-md);font-size:.875rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.btn-modal-draft:hover:not(:disabled){background:#eff6ff;border-color:#60a5fa}.btn-modal-lock{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem 1.35rem;background:linear-gradient(135deg,#151b54,#1e3a8a);border:none;color:#fff;border-radius:var(--radius-md);font-size:.875rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #151b5440;transition:all var(--transition-fast)}.btn-modal-lock:hover:not(:disabled){background:linear-gradient(135deg,#0f172a,#1e297a);transform:translateY(-1px);box-shadow:0 6px 18px #151b5459}.btn-modal-draft:disabled,.btn-modal-lock:disabled,.btn-modal-cancel:disabled{opacity:.6;cursor:not-allowed}@media(max-width:1024px){.mess-slots-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.mess-summary-banner{flex-direction:column;align-items:flex-start}.summary-banner-right{align-items:flex-start;width:100%}.summary-pill-group{width:100%;justify-content:space-between}.summary-stat-box{flex:1;min-width:unset}.mess-slots-grid,.passes-grid{grid-template-columns:1fr}.modal-footer-actions{flex-direction:column-reverse}.modal-primary-buttons{width:100%;flex-direction:column}.btn-modal-draft,.btn-modal-lock,.btn-modal-cancel{width:100%;justify-content:center}}.outing-page-content{display:flex;flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto}.header-actions-group{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.btn-create-outing{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;background-color:var(--primary-navy);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 12px #151b5433}.btn-create-outing:hover{background-color:var(--primary-navy-hover);transform:translateY(-1px);box-shadow:0 6px 16px #151b5440}.active-outing-banner{background:linear-gradient(135deg,#151b54,#1e297a);color:#fff;border-radius:var(--radius-xl);padding:1.75rem 2rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.25rem;box-shadow:0 16px 36px -12px #151b5459;position:relative;overflow:hidden}.active-banner-left{display:flex;align-items:center;gap:1.25rem;z-index:1}.active-banner-icon{width:52px;height:52px;border-radius:14px;background:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.active-banner-tag{display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.08em;background:#dcfce7;color:#15803d;padding:.2rem .6rem;border-radius:9999px;margin-bottom:.35rem}.active-banner-title{font-size:1.35rem;font-weight:800;margin-bottom:.25rem}.active-banner-meta{font-size:.85rem;color:#ffffffd9}.active-banner-meta .mono{font-family:monospace;font-weight:700}.btn-view-active-pass{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;background:#fff;color:var(--primary-navy);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);z-index:1}.btn-view-active-pass:hover{background:#f8fafc;transform:translateY(-1px)}.outing-requests-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.outing-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.25rem;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.outing-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#cbd5e1}.outing-card-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #F1F5F9;padding-bottom:.85rem;flex-wrap:wrap;gap:.5rem}.outing-card-top-left{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.outing-ref-code{font-family:monospace;font-weight:800;font-size:.9rem;color:var(--primary-navy);background:#eef2ff;padding:.25rem .6rem;border-radius:6px}.pass-type-badge{font-size:.725rem;font-weight:700;color:#475569;background:#f1f5f9;padding:.25rem .6rem;border-radius:6px}.outing-status-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:700;padding:.3rem .75rem;border-radius:9999px}.outing-status-badge.badge-pending{background:#fef3c7;color:#92400e}.outing-status-badge.badge-approved{background:#dcfce7;color:#15803d}.outing-status-badge.badge-out{background:#e0f2fe;color:#0369a1}.outing-status-badge.badge-returned{background:#f1f5f9;color:#475569}.outing-status-badge.badge-rejected{background:#fee2e2;color:#991b1b}.outing-status-badge.badge-cancelled{background:#f1f5f9;color:#64748b}.outing-card-body{display:flex;flex-direction:column;gap:.85rem}.outing-info-row{display:flex;align-items:flex-start;gap:.6rem;font-size:.9rem}.outing-info-row .info-icon{color:var(--primary-navy);margin-top:.2rem;flex-shrink:0}.outing-destination{color:var(--text-main)}.outing-purpose{font-size:.85rem;line-height:1.45}.outing-timing-block{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;background:#f8fafc;border-radius:var(--radius-md);padding:.85rem 1rem;margin-top:.25rem}.timing-item{display:flex;flex-direction:column;gap:.15rem}.timing-label{font-size:.65rem;font-weight:800;color:#64748b;letter-spacing:.06em}.timing-val{font-size:.825rem;font-weight:700;color:#1e293b}.rejection-notice-box{display:flex;align-items:flex-start;gap:.5rem;background:#fef2f2;border:1px solid #FECACA;border-radius:var(--radius-sm);padding:.65rem .85rem;color:#991b1b;font-size:.8rem;font-weight:600}.outing-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #F1F5F9;padding-top:.85rem;flex-wrap:wrap;gap:.5rem}.submitted-at{font-size:.75rem;color:var(--text-light)}.outing-actions{display:flex;align-items:center;gap:.5rem}.btn-card-action{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .85rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none}.btn-card-action.view{background:#f1f5f9;color:var(--primary-navy)}.btn-card-action.view:hover{background:#e2e8f0}.btn-card-action.cancel{background:#fef2f2;color:#dc2626}.btn-card-action.cancel:hover{background:#fee2e2}.confirm-cancel-group{display:flex;align-items:center;gap:.35rem;background:#fef2f2;padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid #FECACA}.confirm-text{font-size:.75rem;font-weight:700;color:#991b1b}.btn-card-action.confirm-yes{background:#dc2626;color:#fff;padding:.25rem .5rem;font-size:.75rem}.btn-card-action.confirm-no{background:#fff;color:#475569;padding:.25rem .5rem;font-size:.75rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1.25rem;overflow-y:auto;animation:fadeIn .2s ease-out}.modal-container{background:#fff;border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:min(90vh,760px);box-shadow:0 25px 50px -12px #0f172a40;display:flex;flex-direction:column;animation:scaleUp .22s cubic-bezier(.16,1,.3,1);overflow:hidden;position:relative;margin:auto}.modal-container.details-modal{max-width:580px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{padding:1.25rem 1.75rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:#fff;z-index:10}.outing-modal-title-group,.modal-container .modal-title-group{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.85rem!important}.modal-title-icon-badge{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#eef2ff;color:#151b54;flex-shrink:0;border:1px solid #E0E7FF}.modal-title-icon-badge.info-badge{background:#f0f9ff;color:#0369a1;border-color:#bae6fd}.modal-title-text-group{display:flex;flex-direction:column;gap:.15rem}.modal-title{font-size:1.25rem;font-weight:800;color:var(--primary-navy);margin:0;line-height:1.25}.modal-subtitle{font-size:.8rem;color:#64748b;margin:0;line-height:1.25}.modal-close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.45rem;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.modal-close-btn:hover{background:#f1f5f9;color:var(--text-main)}.modal-form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;margin:0;padding:0}.modal-form-body{padding:1.5rem 1.75rem;display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;flex:1;min-height:0;overscroll-behavior:contain}.modal-form-body::-webkit-scrollbar,.details-body::-webkit-scrollbar,.modal-container::-webkit-scrollbar{width:6px}.modal-form-body::-webkit-scrollbar-track,.details-body::-webkit-scrollbar-track,.modal-container::-webkit-scrollbar-track{background:transparent}.modal-form-body::-webkit-scrollbar-thumb,.details-body::-webkit-scrollbar-thumb,.modal-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}.modal-form-body::-webkit-scrollbar-thumb:hover,.details-body::-webkit-scrollbar-thumb:hover,.modal-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-form-alert{display:flex;align-items:flex-start;gap:.65rem;background:#fef2f2;border:1px solid #FECACA;border-radius:var(--radius-sm);padding:.75rem 1rem;color:#991b1b;font-size:.85rem;font-weight:600;line-height:1.4}.modal-form-alert svg{flex-shrink:0;margin-top:2px}.form-field-group{display:flex;flex-direction:column;gap:.4rem}.form-field-label{font-size:.825rem;font-weight:700;color:var(--text-label)}.form-field-label .required{color:#ef4444;margin-left:2px}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem .95rem;background-color:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.9rem;color:var(--text-main);transition:all var(--transition-fast);outline:none;box-sizing:border-box}.form-input[type=datetime-local]{min-height:42px;color-scheme:light}.form-input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;padding:3px;opacity:.75;transition:opacity .2s ease,transform .2s ease}.form-input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:1;transform:scale(1.1)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #151b541a}.form-textarea{resize:vertical;min-height:80px}.form-grid-2col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}@media(max-width:580px){.form-grid-2col{grid-template-columns:1fr;gap:.85rem}}.modal-actions-footer{padding:1.15rem 1.75rem;border-top:1px solid var(--border-color);background:#f8fafc;display:flex;align-items:center;justify-content:flex-end;gap:.75rem;flex-shrink:0;border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl);z-index:10}.btn-modal-cancel{padding:.65rem 1.25rem;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);color:#475569;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-modal-cancel:hover:not(:disabled){background:#f1f5f9}.btn-modal-submit{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.35rem;background-color:var(--primary-navy);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.btn-modal-submit:hover:not(:disabled){background-color:var(--primary-navy-hover)}.btn-modal-submit:disabled{opacity:.6;cursor:not-allowed}.details-body{padding:1.5rem 1.75rem;display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;flex:1;min-height:0;overscroll-behavior:contain}.details-status-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.details-ref{font-family:monospace;font-size:1.25rem;font-weight:800;color:var(--primary-navy)}.details-section-box{background:#f8fafc;border-radius:var(--radius-md);padding:1.15rem;display:flex;flex-direction:column;gap:.85rem}.details-grid-2col{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.detail-field{display:flex;flex-direction:column;gap:.2rem}.detail-field-label{font-size:.675rem;font-weight:800;color:#64748b;letter-spacing:.06em}.detail-field-val{font-size:.9rem;color:#1e293b}.student-meta-chip{background:#eef2ff;border-radius:var(--radius-md);padding:.85rem 1rem}@media(max-width:1023px){.dashboard-sidebar{position:fixed;top:0;left:0;bottom:0;transform:translate(-100%);transition:transform .26s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-lg);z-index:50;width:min(300px,80vw)}.dashboard-sidebar.drawer-open{transform:translate(0)}.sidebar-nav{overflow-y:auto}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:40}.mobile-close-btn,.mobile-hamburger-btn{display:flex}.summary-cards-grid{grid-template-columns:repeat(2,1fr)}.quick-actions-grid{grid-template-columns:repeat(4,1fr)}.allocation-meta-grid,.mess-slots-grid{grid-template-columns:repeat(2,1fr)}.passes-grid,.outing-requests-grid{grid-template-columns:1fr}.active-outing-banner{flex-direction:column;align-items:flex-start;gap:1rem}}@media(max-width:639px){.portal-content-body{padding:1rem}.main-header{padding:0 1rem}.profile-text-desktop{display:none}.summary-cards-grid{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.feeds-split-grid{grid-template-columns:1fr}.welcome-banner-main{flex-direction:column;align-items:flex-start}.welcome-profile-link{width:100%;justify-content:center}.room-overview-banner{flex-direction:column;align-items:flex-start;gap:1rem}.overview-left{gap:1rem}.detail-row,.roommate-item-card{padding:1rem 1.15rem}.allocation-meta-grid{grid-template-columns:1fr}.mess-page-header{flex-direction:column;align-items:flex-start;gap:.75rem}.mess-page-title{font-size:1.5rem}.mess-summary-banner{flex-direction:column;align-items:flex-start;padding:1.5rem 1.25rem;gap:1.25rem}.summary-banner-right{align-items:flex-start;width:100%}.summary-pill-group{width:100%}.summary-stat-box{flex:1;min-width:unset}.mess-slots-grid,.passes-grid{grid-template-columns:1fr}.pass-main{flex-direction:column;align-items:flex-start;gap:1rem}.pass-details-footer{grid-template-columns:1fr;gap:.5rem}.outing-requests-grid{grid-template-columns:1fr}.active-outing-banner{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem}.form-grid-2col,.details-grid-2col{grid-template-columns:1fr}.outing-card-header,.outing-card-footer{flex-direction:column;align-items:flex-start;gap:.75rem}.outing-actions{width:100%;justify-content:flex-end}}.complaints-page-container{display:flex;flex-direction:column;gap:1.5rem;width:100%;animation:fadeIn .3s ease-out}.page-intro-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.page-main-heading{font-size:1.85rem;font-weight:800;color:var(--primary-navy, #151B54);letter-spacing:-.02em;line-height:1.2}.page-sub-heading{font-size:.95rem;color:var(--text-muted, #64748B);margin-top:.25rem}.header-action-group{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.refresh-secondary-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.15rem;background-color:#fff;color:var(--primary-navy, #151B54);border:1px solid var(--border-color, #CBD5E1);border-radius:var(--radius-md, 8px);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast, .15s ease);box-shadow:0 1px 2px #0000000d}.refresh-secondary-btn:hover:not(:disabled){background-color:#f8fafc;border-color:#94a3b8;color:#0e133c}.refresh-secondary-btn:disabled{opacity:.7;cursor:not-allowed}.primary-action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;background-color:var(--primary-navy, #151B54);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-size:.875rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast, .15s ease);box-shadow:0 4px 12px #151b5433}.primary-action-btn:hover:not(:disabled){background-color:#0e133c;transform:translateY(-1px);box-shadow:0 6px 16px #151b5440}.primary-action-btn:disabled{opacity:.6;cursor:not-allowed}.complaint-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;width:100%}.complaint-summary-grid .stat-card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:1.35rem 1.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.complaint-summary-grid .stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.complaint-summary-grid .stat-card-label{font-size:.875rem;font-weight:600;color:var(--text-muted);margin-bottom:.5rem}.complaint-summary-grid .stat-card-value{font-size:2rem;font-weight:800;color:var(--primary-navy);line-height:1.1;margin-bottom:.35rem}.complaint-summary-grid .stat-card-subtext{font-size:.8rem;color:#94a3b8;font-weight:500}.complaint-controls-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:.85rem 1.25rem;box-shadow:var(--shadow-sm)}.complaint-status-tabs{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.complaint-tab-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem;border-radius:var(--radius-md);border:1px solid transparent;background:#f8fafc;color:var(--text-muted);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.complaint-tab-btn:hover{background:#f1f5f9;color:var(--text-main)}.complaint-tab-btn.active{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.tab-pill-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:9999px;background:#0000000f;font-size:.725rem;font-weight:700}.complaint-tab-btn.active .tab-pill-count{background:#dbeafe;color:#1e40af}.complaint-category-filter{display:flex;align-items:center}.filter-select{padding:.55rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:#f8fafc;color:var(--text-main);font-size:.875rem;font-weight:500;outline:none;cursor:pointer;transition:border-color var(--transition-fast)}.filter-select:focus{border-color:var(--primary-navy);background-color:#fff}.complaint-empty-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:4.5rem 2rem;box-shadow:var(--shadow-sm)}.empty-icon-wrapper{width:76px;height:76px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.empty-lifebuoy-icon{color:#94a3b8}.empty-title{font-size:1.25rem;font-weight:700;color:var(--primary-navy);margin-bottom:.4rem}.empty-desc{font-size:.925rem;color:var(--text-muted);max-width:380px;margin-bottom:1.5rem}.empty-raise-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.4rem;border-radius:var(--radius-md);border:none;background-color:#1e3a8a;color:#fff;font-size:.925rem;font-weight:600;cursor:pointer;transition:background-color var(--transition-fast);box-shadow:var(--shadow-sm)}.empty-raise-btn:hover{background-color:#172554}.empty-raise-btn.secondary{background-color:#f1f5f9;color:var(--text-main);border:1px solid var(--border-color)}.empty-raise-btn.secondary:hover{background-color:#e2e8f0}.complaints-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.25rem;width:100%}.complaint-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.35rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;gap:1rem;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.complaint-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#cbd5e1}.complaint-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.complaint-tag-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.complaint-category-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em}.cat-electrical{background:#fef3c7;color:#92400e;border:1px solid #FDE68A}.cat-plumbing{background:#e0f2fe;color:#075985;border:1px solid #BAE6FD}.cat-room{background:#eef2ff;color:#3730a3;border:1px solid #C7D2FE}.cat-cleaning{background:#f0fdf4;color:#166534;border:1px solid #BBF7D0}.cat-furniture{background:#faf5ff;color:#6b21a8;border:1px solid #E9D5FF}.cat-wifi{background:#ecfeff;color:#155e75;border:1px solid #A5F3FC}.cat-mess{background:#fff7ed;color:#9a3412;border:1px solid #FED7AA}.cat-security{background:#fff1f2;color:#9f1239;border:1px solid #FECDD3}.cat-other{background:#f1f5f9;color:#334155;border:1px solid #CBD5E1}.complaint-ticket-no{font-family:monospace;font-size:.75rem;font-weight:700;color:#64748b;background:#f8fafc;padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid #E2E8F0}.complaint-top-right{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.priority-badge{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;text-transform:uppercase}.pri-urgent{background:#fee2e2;color:#991b1b;border:1px solid #FECACA}.pri-high{background:#ffedd5;color:#c2410c;border:1px solid #FED7AA}.pri-medium{background:#fef3c7;color:#b45309;border:1px solid #FDE68A}.pri-low{background:#f1f5f9;color:#475569;border:1px solid #CBD5E1}.complaint-status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:capitalize}.badge-open{background:#eff6ff;border:1px solid #BFDBFE;color:#1d4ed8}.badge-progress{background:#fffbeb;border:1px solid #FDE68A;color:#b45309}.badge-resolved{background:#ecfdf5;border:1px solid #A7F3D0;color:#047857}.badge-closed{background:#f8fafc;border:1px solid #E2E8F0;color:#475569}.badge-cancelled{background:#fef2f2;border:1px solid #FECACA;color:#b91c1c}.complaint-card-body{display:flex;flex-direction:column;gap:.45rem}.complaint-subject{font-size:1.05rem;font-weight:700;color:var(--primary-navy);line-height:1.3}.complaint-snippet{font-size:.875rem;color:var(--text-muted);line-height:1.5;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.complaint-resolved-snippet{display:flex;align-items:flex-start;gap:.5rem;background:#ecfdf5;border:1px solid #A7F3D0;border-radius:var(--radius-md);padding:.65rem .85rem;font-size:.825rem;color:#065f46;line-height:1.4}.resolved-check{color:#059669;flex-shrink:0;margin-top:2px}.complaint-card-meta{display:flex;align-items:center;gap:1.15rem;flex-wrap:wrap;padding-top:.75rem;border-top:1px solid #F1F5F9;font-size:.8rem;color:#64748b}.meta-item-inline{display:inline-flex;align-items:center;gap:.35rem}.complaint-card-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.5rem}.card-btn-details{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .95rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:#f8fafc;color:var(--text-main);font-size:.825rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.card-btn-details:hover{background-color:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.card-btn-cancel{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .95rem;border-radius:var(--radius-md);border:1px solid #FECACA;background-color:#fef2f2;color:#b91c1c;font-size:.825rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.card-btn-cancel:hover:not(:disabled){background-color:#fee2e2;border-color:#f87171}.cancel-confirm-group{display:inline-flex;align-items:center;gap:.4rem}.cancel-prompt-text{font-size:.775rem;font-weight:600;color:#b91c1c}.confirm-yes-btn{padding:.35rem .7rem;background:#dc2626;color:#fff;border:none;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;cursor:pointer}.confirm-no-btn{padding:.35rem .65rem;background:#f1f5f9;color:#475569;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;cursor:pointer}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease-out}.complaint-modal-card{background:#fff;border-radius:var(--radius-xl, 16px);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #0f172a40;display:flex;flex-direction:column;animation:scaleUp .22s cubic-bezier(.16,1,.3,1);box-sizing:border-box}.modal-header{padding:1.5rem 1.75rem;border-bottom:1px solid var(--border-color, #E2E8F0);display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.modal-title{font-size:1.35rem;font-weight:800;color:var(--primary-navy, #151B54);line-height:1.2}.modal-subtitle{font-size:.875rem;color:var(--text-muted, #64748B);margin-top:.35rem}.modal-close-btn{background:transparent;border:none;color:#64748b;cursor:pointer;padding:.4rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.modal-close-btn:hover{background-color:#f1f5f9;color:#0f172a}.complaint-form{padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem;box-sizing:border-box}.form-grid-2col{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%}.form-field{display:flex;flex-direction:column;gap:.4rem;width:100%;box-sizing:border-box}.field-label{font-size:.825rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:.25rem}.req-star{color:#ef4444;font-weight:700}.field-input{width:100%;box-sizing:border-box;padding:.75rem .95rem;background-color:#fff;border:1px solid var(--border-color, #CBD5E1);border-radius:var(--radius-md, 8px);font-size:.9rem;color:#0f172a;transition:all .15s ease;outline:none;font-family:inherit}.field-input:focus{border-color:var(--primary-navy, #151B54);box-shadow:0 0 0 3px #151b541f}select.field-input{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px;padding-right:2.25rem;-moz-appearance:none;appearance:none;-webkit-appearance:none}.field-textarea{width:100%;box-sizing:border-box;padding:.75rem .95rem;background-color:#fff;border:1px solid var(--border-color, #CBD5E1);border-radius:var(--radius-md, 8px);font-size:.9rem;color:#0f172a;transition:all .15s ease;outline:none;font-family:inherit;resize:vertical;min-height:100px}.field-textarea:focus{border-color:var(--primary-navy, #151B54);box-shadow:0 0 0 3px #151b541f}.field-hint{font-size:.75rem;color:#94a3b8;margin-top:.2rem;text-align:right}.form-error-banner{display:flex;align-items:center;gap:.5rem;background:#fef2f2;border:1px solid #FECACA;border-radius:var(--radius-sm, 6px);padding:.75rem 1rem;color:#991b1b;font-size:.85rem;font-weight:600;margin:1.25rem 1.75rem 0}.modal-action-footer{padding:1.25rem 1.75rem;border-top:1px solid var(--border-color, #E2E8F0);background:#f8fafc;display:flex;align-items:center;justify-content:flex-end;gap:.75rem;border-bottom-left-radius:var(--radius-xl, 16px);border-bottom-right-radius:var(--radius-xl, 16px);margin:.5rem -1.75rem -1.75rem}.complaint-details-modal .modal-action-footer{margin:0}.btn-cancel-modal{padding:.65rem 1.25rem;background:#fff;border:1px solid var(--border-color, #CBD5E1);border-radius:var(--radius-md, 8px);color:#475569;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-cancel-modal:hover:not(:disabled){background:#f1f5f9;color:#0f172a}.btn-submit-modal{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.35rem;background-color:var(--primary-navy, #151B54);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-size:.875rem;font-weight:700;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 12px #151b5433}.btn-submit-modal:hover:not(:disabled){background-color:#0e133c;transform:translateY(-1px)}.btn-submit-modal:disabled{opacity:.6;cursor:not-allowed}.file-dropzone{border:2px dashed #CBD5E1;border-radius:var(--radius-md);padding:1.5rem 1rem;background:#f8fafc;text-align:center;cursor:pointer;transition:all var(--transition-fast);position:relative}.file-dropzone:hover{border-color:#94a3b8;background:#f1f5f9}.file-hidden-input{display:none}.file-dropzone-label{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;width:100%}.dropzone-icon{color:#64748b}.dropzone-text{font-size:.875rem;color:#475569}.dropzone-highlight{color:#1e3a8a;font-weight:600}.dropzone-subtext{font-size:.75rem;color:#94a3b8}.attached-file-pill{display:inline-flex;align-items:center;gap:.5rem;background:#eff6ff;border:1px solid #BFDBFE;padding:.4rem .75rem;border-radius:var(--radius-sm);margin-top:.75rem;font-size:.8rem;color:#1e40af}.attached-file-name{font-weight:600;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attached-file-size{color:#64748b;font-size:.75rem}.attached-remove-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:2px;display:flex;align-items:center}.attached-remove-btn:hover{color:#dc2626}.complaint-details-modal{max-width:650px;width:92%;max-height:90vh;display:flex;flex-direction:column}.details-header-title{display:flex;flex-direction:column;gap:.4rem}.details-ticket-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.details-ticket-number{font-family:monospace;font-weight:700;font-size:.85rem;color:#1e3a8a;background:#eff6ff;padding:.2rem .5rem;border-radius:var(--radius-sm);border:1px solid #BFDBFE}.details-title-text{font-size:1.25rem;font-weight:800;color:var(--primary-navy);line-height:1.3}.details-modal-scrollable{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.details-info-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;background:#f8fafc;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem}.strip-item{display:flex;flex-direction:column;gap:.15rem}.strip-label{font-size:.75rem;color:#64748b;font-weight:600;text-transform:uppercase}.strip-value{font-size:.875rem;font-weight:600;color:var(--primary-navy)}.details-section{display:flex;flex-direction:column;gap:.65rem}.details-section-heading{font-size:.925rem;font-weight:700;color:var(--primary-navy)}.details-description-box{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;font-size:.9rem;color:#334155;line-height:1.6;white-space:pre-wrap}.resolution-card-panel{background:#ecfdf5;border:1px solid #A7F3D0;border-radius:var(--radius-md);padding:1.15rem;display:flex;flex-direction:column;gap:.65rem}.resolution-panel-header{display:flex;align-items:center;gap:.65rem}.res-icon{color:#059669}.res-heading{font-size:.95rem;font-weight:700;color:#065f46}.res-time{font-size:.75rem;color:#047857}.res-notes-content{font-size:.875rem;color:#065f46;line-height:1.5;background:#fff;border-radius:var(--radius-sm);padding:.75rem;border:1px solid #A7F3D0}.timeline-tracker{display:flex;flex-direction:column;gap:0;position:relative;padding-left:.5rem}.timeline-step{display:flex;align-items:flex-start;gap:1rem;position:relative;padding-bottom:1.5rem}.timeline-step:last-child{padding-bottom:0}.timeline-step:not(:last-child):before{content:"";position:absolute;top:24px;left:12px;bottom:0;width:2px;background:#e2e8f0}.timeline-step.completed:not(:last-child):before{background:#10b981}.timeline-circle{width:26px;height:26px;border-radius:50%;background:#f1f5f9;border:2px solid #CBD5E1;color:#94a3b8;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1;font-size:.75rem}.timeline-step.completed .timeline-circle{background:#ecfdf5;border-color:#10b981;color:#059669}.timeline-step.current .timeline-circle{background:#eff6ff;border-color:#2563eb;color:#1d4ed8}.timeline-step.step-cancelled .timeline-circle{background:#fef2f2;border-color:#ef4444;color:#dc2626}.timeline-content{display:flex;flex-direction:column;gap:.2rem}.timeline-label{font-size:.875rem;font-weight:700;color:var(--primary-navy)}.timeline-date{font-size:.75rem;color:#64748b}.timeline-sub{font-size:.8rem;color:var(--text-muted)}.empty-notes-hint{font-size:.85rem;color:#94a3b8;font-style:italic}.comments-stream{display:flex;flex-direction:column;gap:.65rem;max-height:200px;overflow-y:auto;padding-right:.35rem}.comment-bubble{background:#f8fafc;border:1px solid #E2E8F0;border-radius:var(--radius-md);padding:.75rem .95rem}.comment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}.comment-author{font-size:.775rem;font-weight:700;color:var(--primary-navy)}.comment-time{font-size:.725rem;color:#94a3b8}.comment-body{font-size:.85rem;color:#334155;line-height:1.45}.add-note-form{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.note-input-row{display:flex;gap:.5rem}.note-text-input{flex:1;padding:.65rem .85rem;border-radius:var(--radius-md);border:1px solid var(--border-color);font-size:.85rem;outline:none;transition:border-color var(--transition-fast)}.note-text-input:focus{border-color:var(--primary-navy)}.btn-add-note{display:inline-flex;align-items:center;gap:.35rem;padding:.65rem 1rem;border-radius:var(--radius-md);border:none;background-color:#1e3a8a;color:#fff;font-size:.825rem;font-weight:600;cursor:pointer;transition:background-color var(--transition-fast)}.btn-add-note:hover:not(:disabled){background-color:#172554}.note-error-inline{display:flex;align-items:center;gap:.4rem;color:#dc2626;font-size:.775rem}.ticket-closed-note-hint{font-size:.8rem;color:#64748b;background:#f1f5f9;padding:.6rem .85rem;border-radius:var(--radius-sm);text-align:center}.complaint-attachments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.attachment-card-link{display:flex;align-items:center;gap:.65rem;background:#f8fafc;border:1px solid var(--border-color, #E2E8F0);border-radius:var(--radius-md, 8px);padding:.65rem .85rem;text-decoration:none;color:inherit;transition:all .15s ease}.attachment-card-link:hover{background:#eff6ff;border-color:#bfdbfe;transform:translateY(-1px)}.att-icon{color:#2563eb;flex-shrink:0}.att-info{display:flex;flex-direction:column;overflow:hidden;flex:1}.att-name{font-size:.825rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.att-size{font-size:.7rem;color:#64748b}.att-view-badge{font-size:.7rem;font-weight:600;color:#2563eb;background:#dbeafe;padding:.15rem .4rem;border-radius:4px}@media(max-width:1024px){.complaints-grid-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.complaint-summary-grid{grid-template-columns:1fr;gap:.85rem}.complaint-controls-bar{flex-direction:column;align-items:stretch;gap:.75rem}.complaint-status-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.25rem}.complaint-category-filter,.filter-select{width:100%}.complaints-grid-container,.details-info-strip{grid-template-columns:1fr}}@media(max-width:480px){.complaint-summary-grid .stat-card-value{font-size:1.75rem}.complaint-card-top{flex-direction:column;align-items:flex-start}.complaint-top-right{width:100%;justify-content:flex-start}.complaint-card-actions{flex-direction:column;align-items:stretch}.card-btn-details,.card-btn-cancel{width:100%;justify-content:center}.note-input-row{flex-direction:column}.btn-add-note{width:100%;justify-content:center}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.hide-on-mobile{display:inline}@media(max-width:480px){.hide-on-mobile{display:none}}.spin-anim{animation:spin .7s linear infinite;display:inline-block}.spin-slow{animation:spin 1.6s linear infinite;display:inline-block}.action-toast{display:flex;align-items:center;gap:.65rem;padding:.85rem 1.1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;width:100%;animation:slideDown .25s ease-out;box-shadow:var(--shadow-md);position:relative}.toast-success{background:#ecfdf5;border:1px solid #A7F3D0;color:#065f46}.toast-error{background:#fef2f2;border:1px solid #FECACA;color:#991b1b}.toast-close{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-left:auto;opacity:.65;transition:opacity var(--transition-fast);color:inherit;flex-shrink:0}.skeleton-line{border-radius:4px;background:#e2e8f0}.skeleton-panel{border-radius:var(--radius-lg);background:#e2e8f0}.shimmer{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.empty-panel{background:#e2e8f0;border-radius:var(--radius-lg)}.error-state{border:1px solid #FECACA;background:#fef2f2}.retry-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;background:#fff;border:1px solid #FECACA;border-radius:var(--radius-md);color:#b91c1c;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);margin-top:1rem}.retry-btn:hover{background:#fef2f2;border-color:#f87171}.badge-default{background:#f1f5f9;border:1px solid #CBD5E1;color:#475569}.portal-page-container{max-width:1400px;margin:0 auto;padding:2rem 2.5rem;display:flex;flex-direction:column;gap:1.75rem;width:100%}@media(max-width:1024px){.portal-page-container{padding:1.5rem;gap:1.5rem}}@media(max-width:640px){.portal-page-container{padding:1rem;gap:1.25rem}}.portal-page-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1.25rem}.portal-page-title{font-size:1.85rem;font-weight:800;color:var(--primary-navy);letter-spacing:-.025em;line-height:1.2;margin-bottom:.35rem}@media(max-width:640px){.portal-page-title{font-size:1.5rem}}.portal-page-desc{font-size:.95rem;color:var(--text-muted);max-width:680px;line-height:1.5}.portal-header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.btn-primary-action{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.35rem;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;border:1px solid transparent;border-radius:var(--radius-md);font-size:.875rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 14px #2563eb47;white-space:nowrap}.btn-primary-action:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#2563eb);transform:translateY(-1px);box-shadow:0 6px 18px #2563eb61}.btn-primary-action:active:not(:disabled){transform:translateY(0)}.btn-primary-action:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.15rem;background-color:#fff;color:var(--text-label);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);white-space:nowrap}.btn-secondary-action:hover:not(:disabled){background-color:#f8fafc;border-color:#cbd5e1;color:var(--primary-navy);transform:translateY(-1px)}.btn-secondary-action:disabled{opacity:.5;cursor:not-allowed}.btn-destructive-action{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.55rem 1rem;background-color:#fef2f2;color:#dc2626;border:1px solid #FECACA;border-radius:var(--radius-md);font-size:.825rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-destructive-action:hover:not(:disabled){background-color:#fee2e2;border-color:#fca5a5;color:#b91c1c}.btn-destructive-action:disabled{opacity:.5;cursor:not-allowed}.portal-select,select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding:.6rem 2.25rem .6rem .9rem;background-color:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--text-main);outline:none;transition:all var(--transition-fast);cursor:pointer}.portal-select:focus,select:focus{border-color:var(--primary-indigo);box-shadow:0 0 0 3px #2d3a8c1f}.portal-input,input[type=text],input[type=date],input[type=email],input[type=tel]{padding:.65rem .9rem;background-color:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-main);outline:none;transition:all var(--transition-fast);width:100%}.portal-input:focus,input:focus{border-color:var(--primary-indigo);box-shadow:0 0 0 3px #2d3a8c1f}.portal-textarea,textarea{padding:.75rem .9rem;background-color:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-main);outline:none;transition:all var(--transition-fast);width:100%;font-family:inherit;resize:vertical}.portal-textarea:focus,textarea:focus{border-color:var(--primary-indigo);box-shadow:0 0 0 3px #2d3a8c1f}input[type=checkbox]{accent-color:var(--primary-navy);width:1rem;height:1rem;cursor:pointer}.resident-status-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1.25rem 1.5rem;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.resident-info-group{display:flex;align-items:center;gap:.9rem}.resident-icon-box{width:44px;height:44px;border-radius:12px;background:#ecfdf5;color:#059669;display:flex;align-items:center;justify-content:center;flex-shrink:0}.resident-title-row{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.resident-status-title{font-size:.95rem;font-weight:700;color:var(--text-main)}.resident-badge-active{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .65rem;background-color:#d1fae5;color:#065f46;border-radius:9999px;font-size:.725rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.resident-meta-text{font-size:.825rem;color:var(--text-muted);margin-top:.2rem}.resident-status-aside{text-align:right}@media(max-width:640px){.resident-status-aside{text-align:left;width:100%;padding-top:.5rem;border-top:1px solid var(--border-color)}}.resident-aside-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;display:block}.resident-aside-value{font-size:1.1rem;font-weight:800;color:var(--text-main)}.suspension-alert-banner{background:#fef2f2;border:2px solid #FCA5A5;border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-sm);display:flex;align-items:flex-start;gap:1.25rem}.suspension-alert-icon{width:48px;height:48px;border-radius:14px;background:#fee2e2;color:#b91c1c;display:flex;align-items:center;justify-content:center;flex-shrink:0}.suspension-badge{display:inline-flex;padding:.25rem .75rem;background-color:#dc2626;color:#fff;border-radius:9999px;font-size:.725rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.active-leave-banner{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #C7D2FE;border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-sm);display:flex;align-items:flex-start;gap:1.25rem}.active-leave-icon{width:48px;height:48px;border-radius:14px;background:#e0e7ff;color:#4338ca;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pulse-dot{width:8px;height:8px;border-radius:50%;background-color:#10b981;display:inline-block;animation:pulseAnim 2s infinite}@keyframes pulseAnim{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.leaves-kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}@media(max-width:1024px){.leaves-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.leaves-kpi-grid{grid-template-columns:1fr}}.leave-kpi-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.15rem 1.25rem;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);display:flex;flex-direction:column;justify-content:space-between}.leave-kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.kpi-title{font-size:.775rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.kpi-number{font-size:1.85rem;font-weight:800;color:var(--text-main);line-height:1.1;margin:.35rem 0}.kpi-subtext{font-size:.75rem;color:var(--text-light)}.leaves-filter-toolbar{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:.85rem 1.25rem;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.filter-pills-group{display:flex;align-items:center;gap:.4rem;overflow-x:auto;max-width:100%;padding-bottom:2px}.filter-pill-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem;border-radius:var(--radius-md);border:1px solid transparent;background-color:#f8fafc;color:var(--text-muted);font-size:.825rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.filter-pill-btn:hover{background-color:#f1f5f9;color:var(--text-main)}.filter-pill-btn.active{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;box-shadow:0 4px 12px #2563eb47;border-color:transparent}.filter-pill-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9999px;background-color:#00000014;font-size:.7rem;font-weight:700}.filter-pill-btn.active .filter-pill-count{background-color:#ffffff40;color:#fff}.leaves-cards-list{display:flex;flex-direction:column;gap:1rem}.leave-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1.35rem 1.6rem;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);display:flex;flex-direction:column;gap:1rem}.leave-card:hover{border-color:#cbd5e1;box-shadow:var(--shadow-md);transform:translateY(-1px)}.leave-card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;border-bottom:1px solid #F1F5F9;padding-bottom:.85rem}.leave-card-top-left{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.leave-type-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:700}.type-home{background-color:#eff6ff;color:#1d4ed8}.type-medical{background-color:#ecfdf5;color:#047857}.type-academic{background-color:#faf5ff;color:#7e22ce}.type-emergency{background-color:#fff1f2;color:#be123c}.type-special{background-color:#fffbeb;color:#b45309}.leave-request-id{font-family:monospace;font-weight:700;font-size:.85rem;color:var(--text-muted)}.leave-status-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:9999px;font-size:.775rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge-pending{background-color:#fef3c7;color:#92400e;border:1px solid #FDE68A}.badge-approved{background-color:#d1fae5;color:#065f46;border:1px solid #A7F3D0}.badge-active{background-color:#e0e7ff;color:#3730a3;border:1px solid #C7D2FE}.badge-completed{background-color:#f1f5f9;color:#334155;border:1px solid #CBD5E1}.badge-rejected{background-color:#fee2e2;color:#991b1b;border:1px solid #FECACA}.badge-cancelled{background-color:#f1f5f9;color:#64748b;border:1px solid #E2E8F0}.leave-card-body{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1.25rem}@media(max-width:768px){.leave-card-body{grid-template-columns:1fr}}.leave-dates-box{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.65rem}.date-node{display:flex;flex-direction:column}.date-label{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase}.date-value{font-size:.95rem;font-weight:700;color:var(--text-main)}.date-arrow{color:var(--text-light);font-size:1.1rem}.duration-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .65rem;background-color:#f1f5f9;border-radius:var(--radius-sm);font-size:.775rem;font-weight:700;color:var(--text-label)}.leave-destination-row{display:flex;align-items:center;gap:.45rem;font-size:.9rem;font-weight:600;color:var(--text-label);margin-bottom:.35rem}.leave-reason-text{font-size:.85rem;color:var(--text-muted);line-height:1.5}.leave-card-actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.notifications-filter-toolbar{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:.85rem 1.25rem;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.notification-category-pills{display:flex;align-items:center;gap:.4rem;overflow-x:auto;max-width:100%;padding-bottom:2px}.unread-filter-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--text-label);cursor:pointer;-webkit-user-select:none;user-select:none}.notifications-feed-list{display:flex;flex-direction:column;gap:.75rem}.notification-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.15rem 1.4rem;box-shadow:var(--shadow-sm);display:flex;align-items:flex-start;gap:1.15rem;cursor:pointer;transition:all var(--transition-fast)}.notification-card:hover{transform:translate(4px);border-color:#93c5fd;box-shadow:0 6px 20px -2px #2563eb1f}.notification-card.unread{background:linear-gradient(135deg,#f0f7ff,#fff 60%);border-color:#bfdbfe;box-shadow:0 4px 14px #2563eb14;border-left:4px solid #2563EB}.notification-icon-box{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cat-outing{background-color:#eef2ff;color:#4f46e5}.cat-leave{background-color:#ecfdf5;color:#059669}.cat-complaint{background-color:#fff7ed;color:#ea580c}.cat-suspension{background-color:#fef2f2;color:#dc2626}.cat-room{background-color:#f5f3ff;color:#7c3aed}.cat-system{background-color:#f1f5f9;color:#475569}.notification-main-content{flex:1;min-width:0}.notification-card-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:.35rem}.notification-title-wrap{display:flex;align-items:center;gap:.5rem}.unread-dot{width:8px;height:8px;border-radius:50%;background-color:#2563eb;flex-shrink:0}.notification-title-text{font-size:.95rem;font-weight:700;color:var(--text-main)}.notification-card.unread .notification-title-text{color:#1e3a8a}.notification-timestamp{font-size:.775rem;color:var(--text-muted)}.notification-message-body{font-size:.875rem;color:#475569;line-height:1.5;margin-bottom:.65rem}.notification-card-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.notification-category-tag{display:inline-flex;padding:.2rem .55rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background-color:#f1f5f9;color:#475569}.notification-action-links{display:flex;align-items:center;gap:.85rem}.btn-inline-link{background:none;border:none;color:var(--primary-indigo);font-size:.825rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.25rem;padding:0}.btn-inline-link:hover{text-decoration:underline;color:var(--primary-navy)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.5rem;overflow-y:auto}.modal-dialog-box{background:#fff;border-radius:var(--radius-xl);max-width:620px;width:100%;box-shadow:0 25px 50px -12px #0f172a40;overflow:hidden;animation:scaleUp .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;max-height:90vh}.modal-header-bar{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background-color:#f8fafc}.modal-header-title{font-size:1.15rem;font-weight:700;color:var(--primary-navy);margin:0}.modal-body-scrollable{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.modal-footer-bar{padding:1rem 1.5rem;border-top:1px solid var(--border-color);background-color:#f8fafc;display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.form-group-clean{display:flex;flex-direction:column;gap:.4rem}.form-label-clean{font-size:.825rem;font-weight:600;color:var(--text-label)}.form-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:640px){.form-grid-2col{grid-template-columns:1fr}}.spin-icon{animation:spin .8s linear infinite}.empty-state-container{background:#fff;border:1px dashed var(--border-color);border-radius:var(--radius-xl);padding:3.5rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.management-layout{background-color:#f8fafc}.management-sidebar{background:#fff;border-right:1px solid #E2E8F0;box-shadow:0 1px 3px #0000000d}.management-sidebar-header{background:#fff;border-bottom:1px solid #E2E8F0;height:68px}.management-brand-icon{background:linear-gradient(135deg,#1e1b4b,#312e81)!important;color:#fff!important;box-shadow:0 2px 6px #1e1b4b33}.management-sidebar .sidebar-brand-name{color:#0f172a;font-weight:700}.management-sidebar .sidebar-brand-sub{color:#1e1b4b}.management-portal-badge{font-size:.62rem!important;font-weight:800!important;letter-spacing:.08em!important;color:#1e1b4b!important;background:#eef2ff;padding:2px 7px;border-radius:4px;display:inline-block;margin-top:3px;text-transform:uppercase;border:1px solid #C7D2FE}.management-sidebar-nav{gap:.2rem}.management-sidebar .sidebar-nav{scrollbar-color:transparent transparent}.management-sidebar:hover .sidebar-nav,.management-sidebar .sidebar-nav:hover{scrollbar-color:rgba(148,163,184,.3) transparent}.management-sidebar .sidebar-nav::-webkit-scrollbar-thumb{background:transparent}.management-sidebar:hover .sidebar-nav::-webkit-scrollbar-thumb,.management-sidebar .sidebar-nav:hover::-webkit-scrollbar-thumb{background:#94a3b84d}.management-sidebar:hover .sidebar-nav::-webkit-scrollbar-thumb:hover,.management-sidebar .sidebar-nav:hover::-webkit-scrollbar-thumb:hover{background:#94a3b880}.management-sidebar .sidebar-nav-item{color:#334155;padding:.7rem .85rem;font-weight:500;border-radius:10px;transition:all .2s ease}.management-sidebar .sidebar-nav-item .nav-item-icon{color:#64748b;transition:color .2s ease}.management-sidebar .sidebar-nav-item:hover{background:#f5f3ff;color:#5b4fcf;transform:translate(3px)}.management-sidebar .sidebar-nav-item:hover .nav-item-icon{color:#5b4fcf}.management-sidebar .sidebar-nav-item.active{background:linear-gradient(135deg,#5b4fcf,#7c3aed)!important;color:#fff!important;font-weight:600;border:none!important;box-shadow:0 4px 14px -2px #5b4fcf59!important;transform:translate(3px)}.management-sidebar .sidebar-nav-item.active .nav-item-icon,.management-sidebar .sidebar-nav-item.active .nav-item-label{color:#fff!important}.management-nav-item{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:.85rem;border-radius:8px;text-align:left;transition:all .15s ease}.management-nav-item .nav-item-label{text-align:left}.management-sidebar .sidebar-nav-item .nav-item-icon{flex-shrink:0}.management-nav-item.disabled-nav-item{opacity:.45;cursor:not-allowed}.management-nav-item.disabled-nav-item:hover{background:#f8fafc!important;color:#94a3b8!important}.disabled-pill{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#f1f5f9;color:#64748b;padding:2px 6px;border-radius:4px;display:inline-flex;align-items:center;margin-left:auto;border:1px solid #E2E8F0}.management-sidebar-footer{border-top:1px solid #E2E8F0;background:#fff}.management-sidebar .sidebar-logout-btn{color:#dc2626;border-color:transparent;font-weight:600}.management-sidebar .sidebar-logout-btn:hover{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.management-header{background:#fff;border-bottom:1px solid #E2E8F0;height:68px;box-shadow:0 1px 4px #0000000d}.header-title-wrapper{display:flex;flex-direction:column}.header-page-subtitle{font-size:.775rem;color:#64748b;margin:0;line-height:1.2}.realtime-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:600;transition:all .2s ease}.realtime-badge.connected{background:#ecfdf5;color:#047857;border:1px solid #A7F3D0}.realtime-badge.disconnected{background:#fef2f2;color:#b91c1c;border:1px solid #FECACA}.pulse-icon{animation:pulse 1.8s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.92)}}.sync-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f1f5f9;color:#334155;border:1px solid #CBD5E1;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease}.sync-btn:hover:not(:disabled){background:#e2e8f0;color:#0f172a}.sync-btn:disabled{opacity:.6;cursor:not-allowed}.spin-anim{animation:spin .8s linear infinite}.management-avatar-circle{background:linear-gradient(135deg,#1e3a8a,#2563eb)!important;color:#fff!important}.management-role-tag{font-size:.65rem!important;color:#2563eb!important;font-weight:700!important;letter-spacing:.03em}.role-badge-admin{background:#eff6ff;color:#1d4ed8;border:1px solid #BFDBFE;display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;font-size:.75rem;font-weight:700}@media(max-width:768px){.management-header{height:60px!important;padding:0 1rem!important;position:sticky;top:0;z-index:30;background:#fff!important;border-bottom:1px solid #E2E8F0!important;box-shadow:0 1px 3px #0000000a!important}.management-header .desktop-header-title,.management-header .desktop-header-control{display:none!important}.management-header .mobile-hamburger-btn{display:flex!important;align-items:center;justify-content:center;padding:6px;margin-right:0;color:#1e293b}.management-header .header-left-section{display:flex;align-items:center;gap:0}.management-header .header-right-section{display:flex;align-items:center;gap:.75rem}.management-header .profile-text-desktop{display:none!important}}@media(max-width:1023px){.management-sidebar.drawer-open .management-sidebar-nav{overflow-y:auto!important;flex:1;padding-bottom:2.5rem!important;-webkit-overflow-scrolling:touch}}.management-dashboard-view{display:flex;flex-direction:column;gap:1.5rem;max-width:1400px;margin:0 auto;width:100%}.admin-dash-hero{margin-bottom:.15rem}.admin-dash-title{font-size:1.65rem;font-weight:800;color:#0f172a;letter-spacing:-.025em;margin:0;line-height:1.2}.admin-dash-subtitle{font-size:.95rem;font-weight:500;color:#64748b;margin:.35rem 0 0}.admin-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}@media(min-width:640px){.admin-summary-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(min-width:1024px){.admin-summary-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem}}.admin-summary-card{background:#f8fafc;border:1px solid #E2E8F0;border-radius:20px;padding:1.2rem 1.15rem;box-shadow:0 1px 3px #00000008,0 2px 6px #00000005;display:flex;flex-direction:column;justify-content:space-between;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;position:relative;overflow:hidden}.admin-summary-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0f172a0f;border-color:#cbd5e1}.summary-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.55rem}.summary-card-title{font-size:.825rem;font-weight:700;color:#475569;letter-spacing:-.01em}.summary-card-icon-wrap{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-card-icon-wrap.icon-blue{background:#eff6ff;color:#2563eb}.summary-card-icon-wrap.icon-emerald{background:#ecfdf5;color:#059669}.summary-card-icon-wrap.icon-amber{background:#fffbeb;color:#d97706}.summary-card-icon-wrap.icon-indigo{background:#eef2ff;color:#4f46e5}.summary-card-value{font-size:2rem;font-weight:800;color:#0f172a;line-height:1.15;margin-bottom:.45rem;letter-spacing:-.025em;font-family:inherit}.summary-card-status{font-size:.685rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;line-height:1.3}.summary-card-status.status-neutral{color:#64748b}.summary-card-status.status-positive{color:#15803d}.summary-card-status.status-warning{color:#d97706}.admin-modules-section{margin-top:.75rem}.admin-section-heading{font-size:1.15rem;font-weight:800;color:#0f172a;margin:0 0 .85rem;letter-spacing:-.015em}.admin-modules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}@media(min-width:640px){.admin-modules-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}@media(min-width:1024px){.admin-modules-grid{grid-template-columns:repeat(4,1fr);gap:1rem}}@media(min-width:1280px){.admin-modules-grid{grid-template-columns:repeat(5,1fr);gap:1.15rem}}.admin-module-card{background:#fff;border:1px solid #E2E8F0;border-radius:20px;padding:1.25rem .85rem;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;min-height:110px;transition:all .18s ease;box-shadow:0 1px 3px #00000005;-webkit-user-select:none;user-select:none;text-align:center}.admin-module-card:hover{transform:translateY(-3px);border-color:#93c5fd;box-shadow:0 8px 20px #2563eb14}.admin-module-card:focus-visible{outline:2px solid #2563EB;outline-offset:2px}.module-card-icon-wrap{width:50px;height:50px;border-radius:14px;background:#f8fafc;border:1px solid #F1F5F9;display:flex;align-items:center;justify-content:center;color:#1e3a8a;margin-bottom:.65rem;transition:background .18s ease,color .18s ease,border-color .18s ease}.admin-module-card:hover .module-card-icon-wrap{background:#eff6ff;border-color:#dbeafe;color:#2563eb}.module-card-title{font-size:.85rem;font-weight:700;color:#1e293b;text-align:center;line-height:1.3}@media(max-width:380px){.admin-summary-grid{gap:.65rem}.admin-summary-card{padding:.95rem .75rem;border-radius:16px}.summary-card-value{font-size:1.55rem}.summary-card-title{font-size:.75rem}.summary-card-status{font-size:.62rem}.admin-modules-grid{gap:.65rem}.admin-module-card{padding:1rem .5rem;min-height:98px;border-radius:16px}.module-card-icon-wrap{width:44px;height:44px}.module-card-title{font-size:.78rem}}.badge-pill{display:inline-flex;align-items:center;font-size:.75rem;font-weight:700;background:#f1f5f9;color:#475569;border:1px solid #E2E8F0;padding:3px 10px;border-radius:9999px;white-space:nowrap}.font-medium{font-weight:500}.text-muted{color:#64748b}.analytics-card{min-height:280px}.mgmt-attention-desc{font-size:.775rem;color:#64748b;line-height:1.4;margin-top:2px}.mgmt-meta-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem;background:#fff;border:1px solid #E2E8F0;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.mgmt-meta-left{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.mgmt-meta-badge{display:inline-flex;align-items:center;gap:5px;font-size:.725rem;font-weight:700;color:#1e3a8a;background:#eff6ff;border:1px solid #DBEAFE;padding:3px 8px;border-radius:6px}.mgmt-meta-text{font-size:.8rem;color:#475569}.mgmt-meta-right{display:flex;align-items:center;gap:.75rem}.mgmt-sync-time{font-size:.75rem;color:#64748b}.mgmt-inline-refresh{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:600;color:#1e3a8a;background:transparent;border:1px solid #CBD5E1;padding:3px 8px;border-radius:6px;cursor:pointer;transition:all .15s ease}.mgmt-inline-refresh:hover:not(:disabled){background:#eff6ff;border-color:#93c5fd}.mgmt-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(max-width:1200px){.mgmt-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.mgmt-kpi-grid{grid-template-columns:1fr}}.mgmt-kpi-card{background:#fff;border:1px solid #E2E8F0;border-radius:var(--radius-xl);padding:1.15rem 1.25rem;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;display:flex;flex-direction:column;justify-content:space-between;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;position:relative;overflow:hidden}.mgmt-kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.mgmt-kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.mgmt-kpi-card.card-blue:before{background:#2563eb}.mgmt-kpi-card.card-emerald:before{background:#059669}.mgmt-kpi-card.card-amber:before{background:#d97706}.mgmt-kpi-card.card-indigo:before{background:#4f46e5}.mgmt-kpi-card.card-teal:before{background:#0d9488}.mgmt-kpi-card.card-violet:before{background:#7c3aed}.mgmt-kpi-card.card-rose:before{background:#e11d48}.mgmt-kpi-card.card-crimson:before{background:#dc2626}.mgmt-kpi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem}.mgmt-kpi-label{font-size:.8rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.mgmt-kpi-icon-wrap{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center}.icon-blue{background:#eff6ff;color:#2563eb}.icon-indigo{background:#eef2ff;color:#4f46e5}.icon-teal{background:#f0fdfa;color:#0d9488}.icon-violet{background:#f5f3ff;color:#7c3aed}.icon-rose{background:#fff1f2;color:#e11d48}.icon-crimson{background:#fef2f2;color:#dc2626}.mgmt-kpi-value{font-size:1.85rem;font-weight:800;color:#0f172a;line-height:1.1;margin-bottom:.35rem}.mgmt-kpi-context{font-size:.775rem;color:#64748b;font-weight:500}.text-emerald{color:#059669!important}.text-amber{color:#d97706!important}.text-crimson{color:#dc2626!important}.text-slate{color:#64748b!important}.mgmt-section{display:flex;flex-direction:column;gap:.85rem}.mgmt-section-header{display:flex;align-items:center;justify-content:space-between}.mgmt-section-title{font-size:1.15rem;font-weight:800;color:#0f172a;margin:0}.mgmt-section-subtitle{font-size:.8rem;color:#64748b;margin:2px 0 0}.mgmt-attention-count-badge{font-size:.75rem;font-weight:700;background:#eff6ff;color:#1e3a8a;border:1px solid #DBEAFE;padding:3px 10px;border-radius:9999px}.mgmt-attention-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.85rem}.mgmt-attention-card{background:#fff;border:1px solid #E2E8F0;border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;gap:.65rem;cursor:pointer;transition:all .15s ease;border-left-width:4px}.mgmt-attention-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.mgmt-attention-card.severity-urgent{border-left-color:#dc2626;background:#fef2f2}.mgmt-attention-card.severity-high{border-left-color:#ea580c;background:#fff7ed}.mgmt-attention-card.severity-medium{border-left-color:#d97706;background:#fffbeb}.mgmt-attention-card.severity-low{border-left-color:#2563eb;background:#eff6ff}.mgmt-attention-card.disabled-target{cursor:pointer}.mgmt-attention-header{display:flex;align-items:center;justify-content:space-between}.mgmt-severity-pill{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:4px}.mgmt-severity-pill.severity-urgent{background:#fee2e2;color:#991b1b}.mgmt-severity-pill.severity-high{background:#ffedd5;color:#9a3412}.mgmt-severity-pill.severity-medium{background:#fef3c7;color:#92400e}.mgmt-severity-pill.severity-low{background:#dbeafe;color:#1e40af}.mgmt-attention-module-tag{font-size:.725rem;font-weight:600;color:#64748b;display:inline-flex;align-items:center}.mgmt-attention-count{font-size:1.5rem;font-weight:800;color:#0f172a;line-height:1.1}.mgmt-attention-label{font-size:.85rem;font-weight:600;color:#334155}.mgmt-attention-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.45rem;border-top:1px solid rgba(0,0,0,.05)}.mgmt-target-note{font-size:.725rem;color:#64748b}.mgmt-target-arrow{color:#64748b;transition:transform .15s ease}.mgmt-attention-card:hover .mgmt-target-arrow{transform:translate(2px,-2px);color:#0f172a}.mgmt-empty-attention{background:#fff;border:1px dashed #CBD5E1;border-radius:var(--radius-lg);padding:2rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.4rem}.mgmt-empty-title{font-size:.95rem;font-weight:700;color:#0f172a;margin:0}.mgmt-empty-desc{font-size:.825rem;color:#64748b;margin:0}.mgmt-analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:900px){.mgmt-analytics-grid{grid-template-columns:1fr}}.mgmt-card{background:#fff;border:1px solid #E2E8F0;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.mgmt-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;border-bottom:1px solid #F1F5F9;padding-bottom:.75rem}.mgmt-card-title{font-size:1rem;font-weight:800;color:#0f172a;margin:0}.mgmt-card-subtitle{font-size:.775rem;color:#64748b;margin:2px 0 0}.mgmt-donut-container{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:1.5rem;padding:.5rem 0}.donut-chart-wrapper{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.donut-chart{transform:rotate(-90deg)}.donut-center-label{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-pct{font-size:1.5rem;font-weight:800;color:#0f172a;line-height:1}.donut-sub{font-size:.7rem;font-weight:600;color:#64748b;text-transform:uppercase}.donut-legend{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.legend-row{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;gap:.5rem}.legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.legend-label{color:#475569;flex:1}.legend-val{font-weight:700;color:#0f172a}.legend-divider{height:1px;background:#e2e8f0;margin:.25rem 0}.summary-row .legend-label{font-weight:600;color:#1e293b}.presence-stack-container{display:flex;flex-direction:column;gap:1rem}.presence-stacked-bar{display:flex;height:14px;border-radius:9999px;overflow:hidden;background:#f1f5f9;box-shadow:inset 0 1px 2px #0000000d}.bar-segment{height:100%;transition:width .3s ease}.seg-inside{background:#059669}.seg-outside{background:#d97706}.seg-leave{background:#4f46e5}.seg-suspended{background:#dc2626}.presence-stat-list{display:flex;flex-direction:column;gap:.65rem}.presence-stat-item{display:flex;align-items:center;justify-content:space-between;padding:.45rem .65rem;background:#f8fafc;border-radius:6px;font-size:.8rem;gap:.75rem}.stat-bullet{width:8px;height:8px;border-radius:50%;flex-shrink:0}.bg-emerald{background:#059669!important}.bg-amber{background:#d97706!important}.bg-indigo{background:#4f46e5!important}.bg-crimson{background:#dc2626!important}.stat-content{display:flex;flex-direction:column;flex:1}.stat-name{font-weight:700;color:#0f172a;font-size:.8rem}.stat-desc{font-size:.7rem;color:#64748b}.stat-count{font-weight:800;color:#0f172a}.mgmt-feed-header{flex-wrap:wrap}.mgmt-tabs{display:flex;gap:.4rem;background:#f1f5f9;padding:3px;border-radius:8px}.mgmt-tab-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:6px;font-size:.775rem;font-weight:600;color:#64748b;background:transparent;border:none;cursor:pointer;transition:all .15s ease}.mgmt-tab-btn.active{background:#fff;color:#0f172a;box-shadow:0 1px 3px #00000014}.activity-timeline{display:flex;flex-direction:column;gap:0;position:relative;padding-left:.5rem}.activity-item{display:flex;gap:1rem;position:relative;padding-bottom:1.25rem}.activity-item:last-child{padding-bottom:0}.activity-dot-wrapper{display:flex;flex-direction:column;align-items:center}.activity-dot{width:10px;height:10px;border-radius:50%;background:#2563eb;border:2px solid #DBEAFE;flex-shrink:0;margin-top:5px}.activity-line{width:2px;flex:1;background:#e2e8f0;margin-top:4px}.activity-item:last-child .activity-line{display:none}.activity-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.activity-top{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.activity-type-badge{font-size:.7rem;font-weight:700;background:#eff6ff;color:#1d4ed8;padding:1px 6px;border-radius:4px}.activity-actor{font-size:.75rem;color:#475569}.activity-time{font-size:.725rem;color:#94a3b8;margin-left:auto}.activity-desc{font-size:.85rem;color:#1e293b;margin:0}.activity-meta{font-size:.725rem;color:#64748b}.biometric-table-wrapper{overflow-x:auto}.biometric-table{width:100%;border-collapse:collapse;text-align:left;font-size:.825rem}.biometric-table th{padding:.65rem .85rem;background:#f8fafc;font-weight:700;color:#475569;border-bottom:1px solid #E2E8F0;text-transform:uppercase;font-size:.7rem;letter-spacing:.04em}.biometric-table td{padding:.75rem .85rem;border-bottom:1px solid #F1F5F9;vertical-align:middle}.direction-badge{display:inline-block;font-size:.675rem;font-weight:800;padding:2px 6px;border-radius:4px}.direction-badge.dir-in{background:#dcfce7;color:#166534}.direction-badge.dir-out{background:#fef3c7;color:#92400e}.verification-badge{font-size:.675rem;font-weight:700;padding:2px 6px;border-radius:4px}.verification-badge.badge-verified{background:#f0fdf4;color:#15803d;border:1px solid #BBF7D0}.mgmt-feed-empty{padding:2.5rem 1rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#64748b;font-size:.85rem}.skeleton-block{height:48px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-lg)}.skeleton-card{height:120px;background:linear-gradient(90deg,#f8fafc 25%,#f1f5f9,#f8fafc 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-xl)}.skeleton-panel{height:280px;background:linear-gradient(90deg,#f8fafc 25%,#f1f5f9,#f8fafc 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-xl)}.mgmt-error-card{background:#fff;border:1px solid #FECACA;border-radius:var(--radius-xl);padding:3rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem;box-shadow:var(--shadow-sm)}.mgmt-error-icon{color:#dc2626}.mgmt-error-title{font-size:1.15rem;font-weight:800;color:#0f172a;margin:0}.mgmt-error-msg{font-size:.875rem;color:#64748b;max-width:480px;margin:0}.mgmt-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;overflow-y:auto;animation:fadeIn .15s ease-out}.mgmt-notice-modal{background:#fff;border-radius:var(--radius-xl);max-width:580px;width:100%;max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #0f172a40,0 0 0 1px #e2e8f0cc;overflow:hidden;animation:modalPop .18s ease-out;position:relative;margin:auto}.mgmt-notice-modal>form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.notice-modal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1.15rem 1.35rem;border-bottom:1px solid #E2E8F0;background:#fff;flex-shrink:0;z-index:10;position:sticky;top:0}.notice-icon-circle{width:38px;height:38px;border-radius:50%;background:#eff6ff;color:#2563eb;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notice-modal-title{font-size:1.05rem;font-weight:800;color:#0f172a;margin:0;flex:1}.notice-close-btn{background:#f1f5f9;border:1px solid #E2E8F0;color:#64748b;cursor:pointer;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto;transition:all .15s ease}.notice-close-btn:hover{background:#ffe4e6;color:#e11d48;border-color:#fecdd3}.notice-modal-body{padding:1.25rem 1.35rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch}.notice-modal-footer{padding:1rem 1.35rem;border-top:1px solid #E2E8F0;display:flex;justify-content:flex-end;gap:.5rem;background:#f8fafc;flex-shrink:0;z-index:10;position:sticky;bottom:0}.notice-modal-text{font-size:.875rem;color:#1e293b;margin:0;line-height:1.45}.notice-modal-sub{font-size:.775rem;color:#64748b;margin:0;line-height:1.4}.room-selection-list{display:flex;flex-direction:column;gap:.6rem;max-height:220px;overflow-y:auto;padding:.5rem;border:1px solid #E2E8F0;border-radius:var(--radius-md);background:#fafafa}.room-select-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#fff;border:1.5px solid #E2E8F0;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.room-select-item:hover{border-color:#94a3b8;background:#f8fafc}.room-select-item.selected{border-color:#151b54;background:#eef2ff;box-shadow:0 0 0 1px #151b54}.management-auth-viewport{background:linear-gradient(135deg,#060d1f,#0f1a35,#0a1628);position:relative}.management-auth-viewport:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse at 30% 30%,rgba(37,99,235,.12) 0%,transparent 60%),radial-gradient(ellipse at 70% 70%,rgba(99,102,241,.08) 0%,transparent 60%);pointer-events:none}.management-branding-panel{background:linear-gradient(145deg,#0b1628,#0f1e3c 60%,#091220)!important;border-right:1px solid rgba(255,255,255,.05)}.management-badge-icon{background:#2563eb!important;color:#fff!important}.management-hero-badge{color:#60a5fa!important}.management-mobile-icon{background:#1e3a8a!important;color:#fff!important}.management-btn-submit{background:linear-gradient(135deg,#1e3a8a,#2563eb)!important}.management-btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#172554,#1d4ed8)!important}.block-management-view{display:flex;flex-direction:column;gap:1.5rem;max-width:1400px;margin:0 auto;width:100%}.block-toast{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;box-shadow:var(--shadow-md);animation:slideDown .25s ease-out}.toast-success{background:#ecfdf5;color:#065f46;border:1px solid #A7F3D0}.toast-error{background:#fef2f2;color:#991b1b;border:1px solid #FECACA}.toast-close{background:transparent;border:none;cursor:pointer;margin-left:auto;color:currentColor;opacity:.7}.block-page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.block-header-info{display:flex;flex-direction:column;gap:.25rem}.block-header-tag{display:inline-flex;align-items:center;gap:5px;font-size:.725rem;font-weight:700;color:#1e3a8a;background:#eff6ff;border:1px solid #DBEAFE;padding:3px 8px;border-radius:6px;width:fit-content;text-transform:uppercase;letter-spacing:.5px}.block-page-title{font-size:clamp(1.4rem,2.5vw,1.85rem);font-weight:800;color:#0f172a;margin:0;letter-spacing:-.02em}.block-page-desc{font-size:.875rem;color:#64748b;margin:0}.block-header-actions{display:flex;align-items:center;gap:.75rem}.block-add-btn{display:inline-flex;align-items:center;gap:6px;padding:.6rem 1.15rem;font-size:.875rem;font-weight:700;border-radius:var(--radius-md);box-shadow:0 4px 12px #151b542e;cursor:pointer}.block-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.block-kpi-card{background:#fff;border:1px solid #E2E8F0;border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease}.block-kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.block-kpi-header{display:flex;align-items:center;justify-content:space-between}.block-kpi-label{font-size:.775rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.block-kpi-icon-wrap{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.block-kpi-val{font-size:2.1rem;font-weight:800;color:#0f172a;margin:.5rem 0 .2rem;line-height:1}.block-kpi-context{font-size:.775rem;color:#64748b}.icon-navy{background:#eef2ff;color:#1e3a8a}.icon-emerald{background:#ecfdf5;color:#059669}.icon-amber{background:#fffbeb;color:#d97706}.icon-indigo{background:#f5f3ff;color:#6366f1}.block-controls-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:#fff;border:1px solid #E2E8F0;border-radius:var(--radius-lg);padding:.75rem 1rem;box-shadow:var(--shadow-sm)}.block-search-wrap{position:relative;display:flex;align-items:center;flex:1;min-width:260px}.block-search-wrap .search-icon{position:absolute;left:.85rem;color:#94a3b8;pointer-events:none}.block-search-input{width:100%;height:42px;padding:.55rem 2.2rem .55rem 2.4rem;border:1.5px solid #CBD5E1;border-radius:var(--radius-md);font-size:.875rem;color:#0f172a;background:#f8fafc;outline:none;transition:all .15s ease;font-family:inherit}.block-search-input:focus{border-color:#151b54;background:#fff;box-shadow:0 0 0 3px #151b5414}.search-clear-btn{position:absolute;right:.65rem;background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.search-clear-btn:hover{color:#0f172a;background:#f1f5f9}.block-filter-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.block-filter-group{display:flex;align-items:center;gap:.4rem}.filter-pill{height:38px;padding:0 .85rem;border:1px solid #CBD5E1;border-radius:9999px;background:#fff;color:#475569;font-size:.775rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;-webkit-user-select:none;user-select:none}.filter-pill:hover{border-color:#94a3b8;color:#0f172a}.filter-pill.active{background:#151b54;border-color:#151b54;color:#fff;box-shadow:0 2px 6px #151b5426}.block-status-select-wrap{display:flex;align-items:center}.block-status-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding:0 2.25rem 0 .85rem;background-color:#fff;border:1.5px solid #CBD5E1;border-radius:var(--radius-md);font-size:.825rem;font-weight:600;color:#1e293b;outline:none;cursor:pointer;transition:all .15s ease;height:38px}.block-status-select:focus{border-color:#151b54;box-shadow:0 0 0 3px #151b5414}.block-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.block-card{background:#fff;border:1px solid #E2E8F0;border-radius:var(--radius-lg);padding:1.25rem;display:flex;flex-direction:column;gap:.9rem;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;position:relative}.block-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#cbd5e1}.block-card.status-active{border-top:3px solid #059669}.block-card.status-inactive{border-top:3px solid #D97706}.block-card-top{display:flex;align-items:center;justify-content:space-between}.block-badge-group{display:flex;align-items:center;gap:.5rem}.block-code-badge{font-size:.75rem;font-weight:800;color:#1e3a8a;background:#eff6ff;border:1px solid #BFDBFE;padding:2px 7px;border-radius:6px;letter-spacing:.5px}.block-status-pill{display:inline-flex;align-items:center;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:9999px;text-transform:uppercase}.pill-active{background:#ecfdf5;color:#047857;border:1px solid #A7F3D0}.pill-inactive{background:#fffbeb;color:#b45309;border:1px solid #FDE68A}.block-resident-badge{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;color:#475569;background:#f8fafc;padding:3px 8px;border-radius:6px;border:1px solid #E2E8F0}.block-card-body{display:flex;flex-direction:column;gap:.35rem}.block-card-name{font-size:1.15rem;font-weight:800;color:#0f172a;margin:0;line-height:1.3}.block-card-desc{font-size:.8rem;color:#64748b;margin:0;line-height:1.45;min-height:2.3em}.block-card-meta{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border:1px solid #F1F5F9;border-radius:var(--radius-sm);padding:.6rem .85rem}.meta-col{display:flex;flex-direction:column;gap:2px}.meta-label{font-size:.675rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.meta-val{font-size:.775rem;font-weight:600;color:#334155;display:flex;align-items:center}.block-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #F1F5F9;padding-top:.75rem;margin-top:auto}.block-action-btn{font-size:.75rem;font-weight:700;padding:.4rem .75rem;border-radius:6px;cursor:pointer;transition:all .15s ease;font-family:inherit}.btn-deactivate{background:#fffbeb;color:#b45309;border:1px solid #FDE68A}.btn-deactivate:hover{background:#fef3c7;border-color:#fcd34d}.btn-activate{background:#ecfdf5;color:#047857;border:1px solid #A7F3D0}.btn-activate:hover{background:#d1fae5;border-color:#6ee7b7}.block-action-icons{display:flex;align-items:center;gap:.45rem}.block-icon-btn{height:32px;padding:0 .65rem;display:inline-flex;align-items:center;justify-content:center;gap:4px;background:#fff;border:1px solid #CBD5E1;border-radius:6px;cursor:pointer;color:#475569;font-size:.75rem;font-weight:600;font-family:inherit;transition:all .15s ease}.btn-label-text{font-size:.75rem;font-weight:600}.btn-edit:hover{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.btn-delete:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.block-empty-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem 1.5rem;background:#fff;border:1px dashed #CBD5E1;border-radius:var(--radius-lg);text-align:center;gap:.75rem}.block-empty-icon{width:64px;height:64px;border-radius:50%;background:#f1f5f9;color:#94a3b8;display:flex;align-items:center;justify-content:center}.block-empty-title{font-size:1.15rem;font-weight:800;color:#0f172a;margin:0}.block-empty-desc{font-size:.85rem;color:#64748b;max-width:420px;margin:0 0 .5rem}.btn-primary{background:#151b54;color:#fff;border:1px solid transparent;padding:.6rem 1.25rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 6px #151b5426;font-family:inherit;line-height:1.25}.btn-primary:hover:not(:disabled){background:#0e1340;box-shadow:0 4px 12px #151b5440;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);background:#080c2c}.btn-primary:disabled{opacity:.65;cursor:not-allowed;transform:none}.btn-secondary{background:#fff;color:#334155;border:1.5px solid #CBD5E1;padding:.6rem 1.25rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .15s ease;font-family:inherit;line-height:1.25}.btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8;color:#0f172a}.btn-secondary:active:not(:disabled){background:#f1f5f9}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background:#dc2626;color:#fff;border:1px solid transparent;padding:.6rem 1.25rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .15s ease;box-shadow:0 2px 6px #dc262633;font-family:inherit}.btn-danger:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.btn-danger:active:not(:disabled){transform:translateY(0);background:#991b1b}.btn-danger:disabled{opacity:.65;cursor:not-allowed;transform:none}.mgmt-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .15s ease-out}.mgmt-modal-dialog{background:#fff;border-radius:var(--radius-xl);width:100%;max-width:540px;box-shadow:0 25px 50px -12px #0f172a40,0 0 0 1px #e2e8f0cc;overflow:hidden;animation:modalPop .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem)}.mgmt-modal-dialog>form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.mgmt-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid #E2E8F0;background:#fff;flex-shrink:0;z-index:10;position:sticky;top:0}.modal-title-wrap{display:flex;align-items:flex-start;gap:.85rem}.modal-icon-circle{width:40px;height:40px;border-radius:10px;background:#eef2ff;color:#151b54;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #151b5414}.mgmt-modal-title{font-size:1.15rem;font-weight:800;color:#0f172a;margin:0;line-height:1.3}.mgmt-modal-sub{font-size:.8rem;color:#64748b;margin:3px 0 0;line-height:1.4}.modal-close-btn{background:#f1f5f9;border:1px solid #E2E8F0;color:#64748b;cursor:pointer;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto;transition:all .15s ease}.modal-close-btn:hover{background:#ffe4e6;color:#e11d48;border-color:#fecdd3}.mgmt-modal-body{padding:1.25rem 1.5rem;overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch}.modal-error-alert{display:flex;align-items:center;gap:.65rem;background:#fef2f2;border:1px solid #FECACA;border-radius:var(--radius-md);padding:.75rem 1rem;color:#b91c1c;font-size:.825rem;font-weight:600;margin-bottom:1.15rem;line-height:1.4}.form-field-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.15rem}.form-field-group:last-child{margin-bottom:0}.form-field-label{font-size:.85rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:4px}.field-required{color:#ef4444;font-weight:800}.form-field-input{height:44px;width:100%;padding:0 .85rem;background-color:#fff;border:1.5px solid #CBD5E1;border-radius:var(--radius-md);font-size:.875rem;color:#0f172a;font-family:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.form-field-input:focus{border-color:#151b54;box-shadow:0 0 0 3px #151b541f;background-color:#fff}.form-field-input::placeholder{color:#94a3b8;font-weight:400}.code-input{font-family:JetBrains Mono,Fira Code,Menlo,Monaco,Consolas,monospace;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.form-field-textarea{width:100%;min-height:84px;padding:.65rem .85rem;background-color:#fff;border:1.5px solid #CBD5E1;border-radius:var(--radius-md);font-size:.875rem;color:#0f172a;font-family:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease;resize:vertical;line-height:1.5;box-sizing:border-box}.form-field-textarea:focus{border-color:#151b54;box-shadow:0 0 0 3px #151b541f;background-color:#fff}.form-field-textarea::placeholder{color:#94a3b8;font-weight:400}.form-field-hint{font-size:.75rem;color:#64748b;line-height:1.35}.status-radio-group{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.status-radio-option{position:relative;display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;border:1.5px solid #CBD5E1;border-radius:var(--radius-md);background:#fff;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.status-radio-option:hover{border-color:#94a3b8;background:#f8fafc}.status-radio-option.selected{border-color:#151b54;background:#f0f4ff;box-shadow:0 0 0 1px #151b54,0 2px 8px #151b5414}.status-radio-option input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.radio-indicator{width:18px;height:18px;border:2px solid #94A3B8;border-radius:50%;background:#fff;margin-top:2px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.status-radio-option.selected .radio-indicator{border-color:#151b54}.status-radio-option.selected .radio-indicator:after{content:"";width:8px;height:8px;border-radius:50%;background:#151b54;display:block}.radio-text{display:flex;flex-direction:column;gap:2px}.radio-title{font-size:.85rem;font-weight:700;color:#0f172a}.radio-desc{font-size:.725rem;color:#64748b;line-height:1.35}.mgmt-modal-footer{padding:1rem 1.5rem;background:#f8fafc;border-top:1px solid #E2E8F0;display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.delete-confirm-modal{max-width:480px}.delete-modal-header{padding:1.25rem 1.5rem;display:flex;align-items:center;gap:.85rem;border-bottom:1px solid #E2E8F0}.delete-warning-icon{width:42px;height:42px;border-radius:10px;background:#fef2f2;color:#dc2626;display:flex;align-items:center;justify-content:center;flex-shrink:0}.delete-modal-title{font-size:1.15rem;font-weight:800;color:#0f172a;margin:0}.delete-modal-sub{font-size:.8rem;color:#64748b;margin:3px 0 0}.delete-modal-body{padding:1.25rem 1.5rem}.delete-warning-text p{font-size:.875rem;color:#334155;line-height:1.5;margin-bottom:.75rem}.dependency-safety-note{font-size:.775rem!important;color:#0369a1!important;background:#f0f9ff;border:1px solid #BAE6FD;border-radius:8px;padding:.65rem .85rem;line-height:1.45}.delete-error-banner{display:flex;align-items:flex-start;gap:.75rem;background:#fef2f2;border:1px solid #FECACA;border-radius:var(--radius-md);padding:.85rem 1rem}.delete-error-icon{color:#dc2626;flex-shrink:0;margin-top:2px}.delete-error-heading{font-size:.85rem;font-weight:800;color:#991b1b;margin:0 0 3px}.delete-error-text{font-size:.8rem;color:#b91c1c;margin:0;line-height:1.4}.delete-modal-footer{padding:1rem 1.5rem;background:#f8fafc;border-top:1px solid #E2E8F0;display:flex;align-items:center;justify-content:flex-end;gap:.75rem}@media(max-width:768px){.block-controls-bar{flex-direction:column;align-items:stretch}.block-filter-controls{justify-content:space-between;width:100%}.block-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.block-page-header{flex-direction:column;align-items:stretch}.block-header-actions{justify-content:space-between;width:100%}.block-add-btn{flex:1;justify-content:center}.status-radio-group{grid-template-columns:1fr}.mgmt-modal-dialog{max-width:100%;margin:0 .5rem;border-radius:var(--radius-lg)}.mgmt-modal-header,.mgmt-modal-body,.mgmt-modal-footer{padding:1rem}.block-filter-group{display:none}.block-status-select{width:100%}}.mess-management-view{display:flex;flex-direction:column;gap:1.5rem;max-width:1400px;margin:0 auto;width:100%}.mess-header-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.mess-header-info{display:flex;flex-direction:column;gap:.25rem}.mess-header-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:var(--radius-full, 9999px);background:#f59e0b1f;color:#d97706;font-size:.725rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;width:fit-content}.mess-page-title{font-size:1.5rem;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.02em}.mess-page-desc{font-size:.875rem;color:#64748b;margin:0}.mess-header-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem}.mess-live-indicator{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .75rem;border-radius:8px;font-size:.775rem;font-weight:600;border:1px solid transparent}.mess-live-indicator.connected{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}.mess-live-indicator.connecting{background:#fffbeb;color:#92400e;border-color:#fde68a}.mess-date-selector{display:flex;align-items:center;background:#fff;border:1px solid #CBD5E1;border-radius:8px;padding:.25rem .5rem;gap:.4rem;box-shadow:0 1px 2px #0000000a}.mess-date-input{border:none;background:transparent;font-size:.85rem;color:#1e293b;font-family:inherit;font-weight:500;outline:none}.mess-today-btn{padding:.25rem .55rem;border-radius:6px;background:#eff6ff;color:#1d4ed8;border:1px solid #BFDBFE;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .15s ease}.mess-today-btn:hover{background:#dbeafe}.mess-active-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem 1.25rem;border-radius:12px;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #FDE68A;box-shadow:0 2px 4px #f59e0b14}.mess-active-left{display:flex;align-items:center;gap:.85rem}.mess-active-icon-box{width:42px;height:42px;border-radius:10px;background:#f59e0b;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #f59e0b4d}.mess-active-badge{display:inline-block;padding:.15rem .45rem;border-radius:4px;background:#b45309;color:#fff;font-size:.675rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-right:.5rem}.mess-active-title{font-size:1.05rem;font-weight:800;color:#78350f;margin:0}.mess-active-desc{font-size:.8rem;color:#92400e;margin:.2rem 0 0}.mess-active-right{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;color:#b45309;background:#ffffffb3;padding:.4rem .75rem;border-radius:8px;border:1px solid #FCD34D}.mess-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.mess-stat-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:.5rem;position:relative}.mess-stat-top{display:flex;align-items:center;justify-content:space-between}.mess-stat-label{font-size:.775rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.mess-stat-icon-wrap{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center}.mess-stat-icon-wrap.navy{background:#eef2ff;color:#4f46e5}.mess-stat-icon-wrap.emerald{background:#ecfdf5;color:#059669}.mess-stat-icon-wrap.blue{background:#eff6ff;color:#2563eb}.mess-stat-icon-wrap.rose{background:#fef2f2;color:#dc2626}.mess-stat-value{font-size:1.85rem;font-weight:800;color:#0f172a;line-height:1.1}.mess-stat-value.emerald{color:#059669}.mess-stat-value.blue{color:#2563eb}.mess-stat-value.rose{color:#dc2626}.mess-stat-subtext{font-size:.775rem;color:#94a3b8;margin:0;display:flex;align-items:center;gap:.35rem}.mess-progress-bar{width:100%;height:6px;background:#e2e8f0;border-radius:9999px;overflow:hidden;margin-top:.35rem}.mess-progress-fill{height:100%;background:#059669;border-radius:9999px;transition:width .4s ease}.mess-meals-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.mess-meal-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:1.1rem;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;gap:.75rem;transition:all .2s ease}.mess-meal-card.active-slot{border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b26;background:#fffdf8}.mess-meal-top{display:flex;align-items:flex-start;justify-content:space-between}.mess-meal-name{font-size:1rem;font-weight:800;color:#0f172a;display:flex;align-items:center;gap:.4rem}.mess-live-dot{width:8px;height:8px;border-radius:50%;background:#f59e0b;animation:pulseDot 1.5s infinite}.mess-meal-timing{font-size:.75rem;font-weight:600;color:#64748b;font-family:inherit;margin-top:.2rem}.mess-meal-total{font-size:1.35rem;font-weight:800;color:#1e293b}.mess-meal-stat-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;background:#f8fafc;border:1px solid #F1F5F9;border-radius:8px;padding:.5rem;text-align:center}.mess-chip-label{font-size:.65rem;font-weight:700;text-transform:uppercase;color:#94a3b8;display:block}.mess-chip-val{font-size:.9rem;font-weight:800;display:block}.mess-chip-val.blue{color:#2563eb}.mess-chip-val.emerald{color:#059669}.mess-chip-val.rose{color:#dc2626}.mess-filter-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:.85rem 1rem;box-shadow:0 1px 3px #0000000a;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.mess-search-wrap{position:relative;flex:1;min-width:260px}.mess-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#94a3b8}.mess-search-input{width:100%;padding:.55rem 2rem .55rem 2.25rem;border-radius:8px;border:1px solid #CBD5E1;font-size:.85rem;color:#1e293b;background:#f8fafc;font-family:inherit;outline:none;transition:all .15s ease}.mess-search-input:focus{border-color:#151b54;background:#fff;box-shadow:0 0 0 3px #151b5414}.mess-search-clear{position:absolute;right:.65rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center}.mess-dropdown-group{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.mess-filter-select{padding:.55rem .75rem;border-radius:8px;border:1px solid #CBD5E1;font-size:.825rem;font-weight:600;color:#334155;background:#fff;outline:none;cursor:pointer}.mess-filter-select:focus{border-color:#151b54}.mess-reset-btn{padding:.55rem .75rem;border-radius:8px;background:#f1f5f9;border:1px solid #E2E8F0;font-size:.8rem;font-weight:700;color:#475569;cursor:pointer;transition:all .15s ease}.mess-reset-btn:hover{background:#e2e8f0;color:#1e293b}.mess-table-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;box-shadow:0 1px 3px #0000000a;overflow:hidden}.mess-table-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.25rem;border-bottom:1px solid #E2E8F0;background:#fafafa}.mess-table-title{font-size:.95rem;font-weight:800;color:#0f172a;display:flex;align-items:center;gap:.5rem;margin:0}.mess-badge-count{font-size:.725rem;font-weight:700;padding:.15rem .5rem;border-radius:9999px;background:#e2e8f0;color:#475569}.mess-table-wrap{overflow-x:auto;width:100%}.mess-table{width:100%;border-collapse:collapse;text-align:left;font-size:.85rem}.mess-table th{padding:.75rem 1rem;background:#f8fafc;color:#64748b;font-size:.725rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #E2E8F0;white-space:nowrap}.mess-table td{padding:.85rem 1rem;border-bottom:1px solid #F1F5F9;color:#334155;vertical-align:middle}.mess-table tr:hover td{background:#f8fafc}.mess-token-badge{display:inline-block;font-family:monospace;font-size:.775rem;font-weight:700;padding:.2rem .55rem;border-radius:6px;background:#fffbeb;color:#b45309;border:1px solid #FDE68A}.mess-resident-name{font-weight:700;color:#0f172a;cursor:pointer;transition:color .15s ease}.mess-resident-name:hover{color:#2563eb;text-decoration:underline}.mess-resident-roll{font-size:.75rem;color:#64748b;font-family:monospace}.mess-status-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:9999px;font-size:.725rem;font-weight:700;border:1px solid transparent}.mess-status-pill.booked{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.mess-status-pill.consumed{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.mess-status-pill.cancelled{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.mess-action-group{display:flex;align-items:center;justify-content:flex-end;gap:.35rem}.mess-icon-action-btn{width:30px;height:30px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #CBD5E1;background:#fff;color:#475569;cursor:pointer;transition:all .15s ease}.mess-icon-action-btn:hover{background:#f1f5f9;color:#0f172a}.mess-icon-action-btn.consume{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.mess-icon-action-btn.consume:hover{background:#d1fae5}.mess-icon-action-btn.cancel{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.mess-icon-action-btn.cancel:hover{background:#fee2e2}.mess-pagination-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:.85rem 1.25rem;background:#fafafa;border-top:1px solid #E2E8F0;font-size:.8rem;color:#64748b}.mess-page-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .65rem;border-radius:6px;border:1px solid #CBD5E1;background:#fff;font-size:.775rem;font-weight:600;color:#334155;cursor:pointer;transition:all .15s ease}.mess-page-btn:hover:not(:disabled){background:#f1f5f9}.mess-page-btn:disabled{opacity:.45;cursor:not-allowed}.mess-detail-card{background:#f8fafc;border:1px solid #E2E8F0;border-radius:10px;padding:.85rem 1rem}.mess-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.75rem}.mess-detail-item{display:flex;flex-direction:column;gap:.15rem}.mess-detail-item-label{font-size:.7rem;font-weight:700;text-transform:uppercase;color:#64748b}.mess-detail-item-value{font-size:.9rem;font-weight:700;color:#0f172a}@media(max-width:1024px){.mess-stats-grid,.mess-meals-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.mess-stats-grid,.mess-meals-grid{grid-template-columns:1fr}.mess-header-bar{flex-direction:column;align-items:flex-start}.mess-header-controls{width:100%;justify-content:space-between}.mess-filter-card{flex-direction:column;align-items:stretch}.mess-dropdown-group{width:100%;justify-content:space-between}.mess-filter-select{flex:1}}.management-content-body{max-width:1600px;width:100%;padding:1.5rem clamp(1rem,2vw,2rem);box-sizing:border-box}.mgmt-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;box-shadow:0 1px 3px #0000000a;box-sizing:border-box}.mgmt-input,.mgmt-select{width:100%;height:42px;padding:0 .85rem;border-radius:8px;border:1px solid #CBD5E1;font-size:.875rem;color:#1e293b;background-color:#fff;font-family:inherit;box-sizing:border-box;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.mgmt-input:focus,.mgmt-select:focus{border-color:#151b54;box-shadow:0 0 0 3px #151b5414}.mgmt-input::placeholder{color:#94a3b8}.mgmt-select{cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .65rem center;background-repeat:no-repeat;background-size:1.1rem 1.1rem;padding-right:2.2rem}.room-mgmt-page{width:100%;max-width:100%;margin:0 auto;box-sizing:border-box}.room-page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.room-header-title-group h1{font-size:1.6rem;font-weight:800;color:#0f172a;display:flex;align-items:center;gap:.5rem;margin:0}.room-header-title-group p{color:#64748b;font-size:.9rem;margin:.25rem 0 0}.room-header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.room-kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-bottom:1.5rem;width:100%}.room-kpi-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:1.1rem 1.2rem;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;transition:transform .15s ease,box-shadow .15s ease}.room-kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.room-kpi-label{font-size:.725rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#64748b}.room-kpi-value{font-size:1.75rem;font-weight:800;line-height:1.2;margin-top:.25rem}.room-kpi-sub{font-size:.775rem;font-weight:500;margin-top:.25rem}.room-tabs-bar{display:flex;gap:.5rem;border-bottom:1px solid #E2E8F0;margin-bottom:1.25rem}.room-tab-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.7rem 1.25rem;font-size:.9rem;font-weight:600;color:#64748b;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all .15s ease}.room-tab-btn:hover{color:#0f172a}.room-tab-btn.active{color:#151b54;border-bottom-color:#151b54;font-weight:700}.room-filter-toolbar{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:.85rem 1rem;box-shadow:0 1px 3px #0000000a;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;width:100%;box-sizing:border-box}.room-search-box{position:relative;flex:1 1 280px;min-width:240px;height:42px;display:flex;align-items:center}.room-search-box .search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none;transition:color .15s ease}.room-search-box:focus-within .search-icon{color:#2563eb}.room-search-box input{width:100%;height:42px;padding:0 2.2rem 0 2.5rem;border-radius:10px;border:1.5px solid #E2E8F0;font-size:.875rem;font-weight:500;color:#0f172a;background:#f8fafc;font-family:inherit;outline:none;box-sizing:border-box;box-shadow:0 1px 2px #00000008;transition:all .2s cubic-bezier(.4,0,.2,1)}.room-search-box input::placeholder{color:#94a3b8;font-weight:400}.room-search-box input:hover{border-color:#cbd5e1;background:#fff}.room-search-box input:focus{border-color:#2563eb;background:#fff;box-shadow:0 0 0 4px #2563eb1f,0 2px 4px #0000000a}.room-search-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#94a3b8;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;cursor:pointer;transition:all .15s ease}.room-search-clear:hover{background:#f1f5f9;color:#1e293b}.room-filter-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.room-filter-select{height:42px;min-width:150px;padding:0 2rem 0 .85rem;border-radius:8px;border:1px solid #CBD5E1;font-size:.85rem;font-weight:500;color:#334155;background-color:#fff;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .65rem center;background-repeat:no-repeat;background-size:1.1rem 1.1rem;outline:none;cursor:pointer;box-sizing:border-box;transition:all .15s ease}.room-filter-select:focus{border-color:#151b54;box-shadow:0 0 0 3px #151b5414}.room-reset-filter-btn{height:42px;padding:0 .9rem;border-radius:8px;background:#f1f5f9;border:1px solid #E2E8F0;font-size:.825rem;font-weight:600;color:#475569;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:all .15s ease}.room-reset-filter-btn:hover{background:#e2e8f0;color:#0f172a}.rooms-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;width:100%;box-sizing:border-box}.room-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem;box-sizing:border-box;transition:transform .15s ease,box-shadow .15s ease}.room-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000012}.room-card-header{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem;width:100%}.room-header-top-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%}.room-title-number{font-size:1.25rem;font-weight:800;color:#0f172a;line-height:1.2;white-space:nowrap}.room-sub-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;width:100%}.room-badge-status{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:9999px;text-transform:uppercase;letter-spacing:.04em}.room-badge-status.active{background:#def7ec;color:#03543f}.room-badge-status.maintenance{background:#fef3c7;color:#92400e}.room-badge-status.inactive{background:#f1f5f9;color:#475569}.room-block-info{font-size:.85rem;color:#475569;display:flex;align-items:center;gap:.35rem}.room-header-actions{display:flex;align-items:center;gap:.3rem;flex-shrink:0}.room-action-icon-btn{padding:6px;border-radius:6px;border:1px solid #E2E8F0;background:#f8fafc;color:#475569;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.room-action-icon-btn:hover:not(:disabled){background:#e2e8f0;color:#0f172a}.room-action-icon-btn.delete{background:#fef2f2;border-color:#fecaca;color:#dc2626}.room-action-icon-btn.delete:hover:not(:disabled){background:#fee2e2}.room-action-icon-btn:disabled{opacity:.35;cursor:not-allowed}.room-specs-row{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.8rem;color:#64748b;margin-bottom:.9rem}.room-spec-item{display:inline-flex;align-items:center;gap:.3rem}.room-occupancy-indicator{margin-bottom:.9rem}.room-occupancy-labels{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:600;margin-bottom:.35rem}.room-occupancy-track{height:7px;background-color:#e2e8f0;border-radius:9999px;overflow:hidden}.room-occupancy-fill{height:100%;border-radius:9999px;transition:width .3s ease}.room-occupants-box{margin-bottom:1rem}.room-occupants-heading{font-size:.725rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;display:block}.room-occupant-chip{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:6px 10px;background-color:#f8fafc;border:1px solid #F1F5F9;border-radius:6px;font-size:.825rem;margin-bottom:.35rem}.room-occupant-meta{display:flex;align-items:center;gap:.35rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-occupant-name{font-weight:600;color:#0f172a}.room-occupant-jntu{color:#64748b;font-size:.75rem}.room-occupant-bed{padding:1px 6px;background-color:#e2e8f0;border-radius:4px;font-size:.7rem;font-weight:700;color:#334155}.room-occupant-actions{display:flex;align-items:center;gap:4px}.room-card-footer{border-top:1px solid #F1F5F9;padding-top:.75rem;margin-top:auto}.room-allocate-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .85rem;font-size:.825rem;font-weight:600;border-radius:6px;border:1px solid #99F6E4;background-color:#f0fdfa;color:#0f766e;cursor:pointer;transition:all .15s ease}.room-allocate-btn:hover{background-color:#ccfbf1;border-color:#5eead4}.room-empty-footer{text-align:center;font-size:.8rem;font-weight:500;padding:.45rem 0}.room-table-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;box-shadow:0 1px 3px #0000000a;overflow:hidden}.room-table-wrap{overflow-x:auto;width:100%}.room-alloc-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.room-alloc-table th{padding:.75rem 1rem;background:#f8fafc;color:#64748b;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #E2E8F0;white-space:nowrap}.room-alloc-table td{padding:.85rem 1rem;border-bottom:1px solid #F1F5F9;color:#334155;vertical-align:middle}.room-alloc-table tr:hover td{background:#f8fafc}@media(max-width:1480px){.rooms-grid{grid-template-columns:repeat(3,1fr);gap:1.15rem}}@media(max-width:1280px){.room-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1040px){.rooms-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(max-width:768px){.room-kpi-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.room-page-header{flex-direction:column;align-items:flex-start}.room-header-actions{width:100%;justify-content:flex-start}.room-filter-toolbar{flex-direction:column;align-items:stretch}.room-search-box{flex:none;width:100%;height:42px;min-width:0}.room-filter-controls{width:100%;flex-direction:column;align-items:stretch}.room-filter-select{width:100%}.room-reset-filter-btn{width:100%;justify-content:center}}@media(max-width:640px){.rooms-grid{grid-template-columns:1fr;gap:1rem}.room-tabs-bar{overflow-x:auto;white-space:nowrap}}@media(max-width:480px){.room-card{padding:1rem .85rem}.room-kpi-card{padding:.85rem .75rem}.room-title-number{font-size:1.15rem}.room-block-info{font-size:.8rem}}@media(max-width:420px){.room-kpi-grid{grid-template-columns:1fr;gap:.6rem}}.outing-management-page{padding:1.5rem;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.outing-toast{position:fixed;top:1.5rem;right:1.5rem;z-index:1000;display:flex;align-items:center;gap:.75rem;padding:.85rem 1.25rem;border-radius:var(--radius-md, 8px);font-size:.875rem;font-weight:500;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a;animation:slideInDown .25s ease-out}.outing-toast.success{background:#065f46;color:#ecfdf5;border:1px solid #059669}.outing-toast.error{background:#991b1b;color:#fef2f2;border:1px solid #DC2626}.toast-close{background:transparent;border:none;color:inherit;cursor:pointer;padding:2px;display:flex;align-items:center;opacity:.8}.toast-close:hover{opacity:1}.outing-header-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.outing-title-group{display:flex;align-items:center;gap:1rem}.outing-icon-badge{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;box-shadow:0 4px 12px #1e3a8a40;flex-shrink:0}.outing-main-title{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.02em}.outing-sub-title{font-size:.875rem;color:#64748b;margin:.25rem 0 0}.outing-controls-group{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.live-indicator{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #E2E8F0;padding:.45rem .85rem;border-radius:20px;font-size:.78rem;font-weight:600;color:#334155;box-shadow:0 1px 3px #0000000a}.live-dot{width:8px;height:8px;border-radius:50%}.live-dot.connected{background:#10b981;box-shadow:0 0 0 3px #10b98133;animation:pulseDot 2s infinite}.live-dot.disconnected{background:#ef4444}@keyframes pulseDot{0%{transform:scale(.95);box-shadow:0 0 #10b98180}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.refresh-btn{display:flex;align-items:center;gap:.45rem;padding:.45rem .9rem;font-size:.82rem;font-weight:600}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.outing-kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-bottom:1.5rem}.outing-kpi-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:1.15rem 1rem;box-shadow:0 1px 3px #0000000a;transition:transform .15s ease,box-shadow .15s ease;display:flex;flex-direction:column}.outing-kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.kpi-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.6rem}.kpi-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.kpi-icon-wrap{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-icon-wrap.total{background:#f1f5f9;color:#475569}.kpi-icon-wrap.pending{background:#fef3c7;color:#d97706}.kpi-icon-wrap.approved{background:#dbeafe;color:#2563eb}.kpi-icon-wrap.active{background:#ede9fe;color:#7c3aed}.kpi-icon-wrap.returned{background:#d1fae5;color:#059669}.kpi-icon-wrap.rejected{background:#fee2e2;color:#dc2626}.kpi-value{font-size:1.65rem;font-weight:700;color:#0f172a;line-height:1.1;margin-bottom:.35rem}.kpi-value.warning-text{color:#d97706}.kpi-value.active-text{color:#7c3aed}.kpi-value.success-text{color:#059669}.kpi-value.danger-text{color:#dc2626}.kpi-subtext{font-size:.72rem;color:#94a3b8}.outing-main-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;box-shadow:0 1px 3px #0000000a;overflow:hidden}.outing-status-tabs{display:flex;gap:.25rem;padding:.75rem 1rem 0;border-bottom:1px solid #E2E8F0;background:#f8fafc;overflow-x:auto;scrollbar-width:none}.outing-status-tabs::-webkit-scrollbar{display:none}.status-tab{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;font-size:.84rem;font-weight:600;color:#64748b;cursor:pointer;white-space:nowrap;transition:color .15s ease,border-color .15s ease}.status-tab:hover{color:#1e293b}.status-tab.active{color:#1e3a8a;border-bottom-color:#1e3a8a;background:#fff;border-top-left-radius:6px;border-top-right-radius:6px}.tab-count{display:inline-block;padding:1px 6px;border-radius:10px;font-size:.72rem;font-weight:700;background:#e2e8f0;color:#475569}.status-tab.active .tab-count{background:#dbeafe;color:#1e3a8a}.tab-count.highlight-amber{background:#fde68a;color:#92400e}.outing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem;border-bottom:1px solid #E2E8F0;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:260px}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.search-input{width:100%;box-sizing:border-box;padding:.55rem 2rem .55rem 2.2rem;border:1px solid #CBD5E1;border-radius:8px;font-size:.85rem;color:#0f172a;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.search-clear-btn{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:2px;display:flex}.search-clear-btn:hover{color:#334155}.filter-select-group{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.select-wrapper{position:relative}.filter-select{padding:.55rem .85rem;border:1px solid #CBD5E1;border-radius:8px;font-size:.82rem;color:#334155;background:#fff;cursor:pointer}.filter-select:focus{outline:none;border-color:#2563eb}.date-input-wrapper{position:relative}.filter-date-input{padding:.55rem .85rem;border:1px solid #CBD5E1;border-radius:8px;font-size:.82rem;color:#334155;background:#fff}.filter-date-input:focus{outline:none;border-color:#2563eb}.reset-filter-btn{padding:.55rem .85rem;font-size:.8rem;font-weight:600}.outing-loading-state,.outing-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.5rem;text-align:center;color:#64748b}.outing-loading-state p{margin-top:1rem;font-size:.9rem}.outing-empty-state .empty-icon{color:#94a3b8;margin-bottom:1rem}.outing-empty-state h3{font-size:1.15rem;color:#1e293b;margin:0 0 .5rem}.outing-empty-state p{font-size:.85rem;max-width:400px;margin:0 0 1.25rem}.outing-table-wrapper{width:100%;overflow-x:auto}.outing-table{width:100%;border-collapse:collapse;text-align:left}.outing-table th{padding:.85rem 1rem;background:#f8fafc;color:#64748b;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #E2E8F0;white-space:nowrap}.outing-table td{padding:.95rem 1rem;border-bottom:1px solid #F1F5F9;font-size:.85rem;color:#334155;vertical-align:middle}.outing-row:hover{background:#f8fafc}.outing-row.pending-highlight{background:#fffbeb}.outing-row.pending-highlight:hover{background:#fef3c7}.request-num-cell{display:flex;flex-direction:column}.request-num{font-weight:700;font-family:monospace;font-size:.85rem;color:#1e3a8a}.applied-time{font-size:.72rem;color:#94a3b8;margin-top:2px}.student-info-cell{display:flex;flex-direction:column}.student-sub{font-size:.74rem;color:#64748b;margin-top:2px}.pass-details-cell{display:flex;flex-direction:column;gap:3px;max-width:220px}.pass-type-badge{display:inline-block;font-size:.68rem;font-weight:700;padding:1px 6px;border-radius:4px;background:#f1f5f9;color:#475569;width:fit-content;text-transform:capitalize}.destination-text{font-size:.82rem;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-cell{display:flex;flex-direction:column;gap:2px;font-size:.78rem}.schedule-item{display:flex;gap:4px}.schedule-label{color:#94a3b8;font-weight:600;width:32px}.schedule-time{color:#334155;font-weight:500}.outing-status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .65rem;border-radius:9999px;font-size:.74rem;font-weight:700;white-space:nowrap}.outing-status-badge.pending{background:#fef3c7;color:#92400e;border:1px solid #FDE68A}.outing-status-badge.approved{background:#dbeafe;color:#1e40af;border:1px solid #BFDBFE}.outing-status-badge.active{background:#ede9fe;color:#6d28d9;border:1px solid #DDD6FE}.outing-status-badge.returned{background:#d1fae5;color:#065f46;border:1px solid #A7F3D0}.outing-status-badge.rejected{background:#fee2e2;color:#991b1b;border:1px solid #FECACA}.outing-status-badge.default{background:#f1f5f9;color:#475569}.transit-log-cell{display:flex;flex-direction:column;gap:2px;font-size:.74rem}.transit-time{display:flex;align-items:center;gap:4px;font-weight:500}.transit-time.exit{color:#7c3aed}.transit-time.return{color:#059669}.transit-pending{color:#94a3b8;font-style:italic;font-size:.72rem}.transit-none{color:#cbd5e1}.action-buttons-group{display:inline-flex;align-items:center;gap:.45rem}.btn-action{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.approve-btn{background:#059669;color:#fff}.approve-btn:hover{background:#047857}.reject-btn{background:#fff;border-color:#fca5a5;color:#dc2626}.reject-btn:hover{background:#fef2f2;border-color:#ef4444}.view-btn{background:#f1f5f9;color:#334155}.view-btn:hover{background:#e2e8f0;color:#0f172a}.outing-pagination{display:flex;align-items:center;justify-content:space-between;padding:.95rem 1rem;border-top:1px solid #E2E8F0;flex-wrap:wrap;gap:.75rem;font-size:.82rem}.pagination-summary{color:#64748b}.pagination-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border:1px solid #CBD5E1;background:#fff;border-radius:6px;font-size:.78rem;font-weight:600;color:#334155;cursor:pointer}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn:not(:disabled):hover{background:#f8fafc;border-color:#94a3b8}.pagination-current{font-weight:600;color:#1e293b;padding:0 .45rem}.outing-cards-container{display:none;flex-direction:column;gap:.75rem;padding:.75rem}.outing-mobile-card{background:#fff;border:1px solid #E2E8F0;border-radius:10px;padding:.95rem;box-shadow:0 1px 3px #00000008}.outing-mobile-card.pending{border-left:4px solid #D97706;background:#fffdf8}.mobile-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem}.mobile-card-req{display:flex;flex-direction:column}.card-req-number{font-family:monospace;font-weight:700;font-size:.85rem;color:#1e3a8a}.card-applied-date{font-size:.7rem;color:#94a3b8}.mobile-card-body{display:flex;flex-direction:column;gap:.5rem;font-size:.82rem}.mobile-student-row{display:flex;align-items:center;gap:.45rem;color:#0f172a}.mobile-icon{color:#64748b;flex-shrink:0}.mobile-jntu{color:#64748b;font-size:.78rem}.mobile-detail-row{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.mobile-pass-type{font-size:.7rem;font-weight:700;background:#f1f5f9;padding:1px 6px;border-radius:4px;color:#475569;text-transform:capitalize}.mobile-dest{font-weight:600;color:#1e293b}.mobile-timing-grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;background:#f8fafc;padding:.45rem .65rem;border-radius:6px;font-size:.74rem}.timing-box{display:flex;flex-direction:column}.timing-lbl{color:#94a3b8;font-weight:600}.timing-val{color:#334155;font-weight:500}.mobile-transit-box{background:#faf5ff;border:1px solid #E9D5FF;padding:.45rem .65rem;border-radius:6px;font-size:.74rem;color:#6b21a8}.inline-icon{display:inline;vertical-align:middle;margin-right:2px}.mobile-rejection-box{background:#fef2f2;border:1px solid #FECACA;padding:.45rem .65rem;border-radius:6px;font-size:.74rem;color:#991b1b}.mobile-card-actions{display:flex;gap:.45rem;margin-top:.85rem}.btn-action.mobile-full{flex:1;justify-content:center;padding:.55rem}.mgmt-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:999;padding:1rem}.mgmt-modal-card{background:#fff;border-radius:14px;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a;width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:modalScaleIn .2s ease-out}.mgmt-modal-card.large{max-width:680px}@keyframes modalScaleIn{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;align-items:center;gap:.85rem;padding:1.25rem 1.5rem;border-bottom:1px solid #E2E8F0;position:relative}.modal-header-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-header-icon.approve{background:#d1fae5;color:#059669}.modal-header-icon.reject{background:#fee2e2;color:#dc2626}.modal-header-icon.detail{background:#dbeafe;color:#2563eb}.modal-title{font-size:1.15rem;font-weight:700;color:#0f172a;margin:0}.modal-subtitle{font-size:.78rem;color:#64748b;margin:2px 0 0}.modal-close-btn{position:absolute;right:1.25rem;top:1.25rem;background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px}.modal-close-btn:hover{color:#334155}.modal-body{padding:1.25rem 1.5rem}.modal-body.scrollable{overflow-y:auto;max-height:calc(90vh - 140px)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #E2E8F0;background:#f8fafc}.footer-left-actions{display:flex;gap:.5rem;margin-right:auto}.review-box{background:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;padding:1rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem;font-size:.85rem}.review-box.compact{padding:.75rem;gap:.25rem}.review-row{display:flex;justify-content:space-between;gap:.75rem}.review-label{color:#64748b;font-weight:500}.review-val{color:#0f172a;text-align:right}.notice-banner{display:flex;align-items:flex-start;gap:.65rem;padding:.85rem 1rem;border-radius:8px;font-size:.8rem;line-height:1.4}.notice-banner.info{background:#eff6ff;border:1px solid #BFDBFE;color:#1e40af}.notice-icon{flex-shrink:0;margin-top:1px}.form-group{margin-bottom:.75rem}.form-label{display:block;font-size:.82rem;font-weight:600;color:#334155;margin-bottom:.4rem}.required-star{color:#dc2626}.form-textarea{width:100%;box-sizing:border-box;padding:.65rem .85rem;border:1px solid #CBD5E1;border-radius:8px;font-size:.85rem;font-family:inherit;color:#0f172a;resize:vertical}.form-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.form-helper-row{display:flex;justify-content:space-between;margin-top:.35rem;font-size:.74rem}.char-count{color:#94a3b8}.char-count.valid{color:#059669}.form-error-msg{color:#dc2626;font-weight:600}.approve-confirm-btn{background:#059669;border-color:#059669}.approve-confirm-btn:hover{background:#047857}.btn-danger{background:#dc2626;color:#fff;border:1px solid #DC2626;padding:.5rem 1rem;border-radius:6px;font-size:.82rem;font-weight:600;cursor:pointer}.btn-danger:hover{background:#b91c1c}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.detail-status-banner{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border:1px solid #E2E8F0;border-radius:10px;padding:.85rem 1.15rem;margin-bottom:1.25rem}.banner-label{display:block;font-size:.72rem;font-weight:700;color:#64748b;text-transform:uppercase;margin-bottom:.35rem}.monthly-usage-badge{text-align:right}.usage-num{display:block;font-size:1.25rem;font-weight:700;color:#1e3a8a}.usage-lbl{font-size:.7rem;color:#64748b}.detail-section{margin-bottom:1.25rem}.detail-section-title{display:flex;align-items:center;gap:.45rem;font-size:.85rem;font-weight:700;color:#1e293b;text-transform:uppercase;letter-spacing:.04em;margin:0 0 .65rem;padding-bottom:.4rem;border-bottom:1px solid #F1F5F9}.detail-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem 1rem;font-size:.82rem}.info-cell{display:flex;flex-direction:column}.info-cell.full-width{grid-column:span 2}.cell-lbl{font-size:.72rem;color:#94a3b8;font-weight:600;margin-bottom:2px}.cell-val{color:#1e293b}.transit-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.parent-guardian-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #BAE6FD;border-radius:10px;padding:1rem;margin-bottom:1.25rem}.parent-guardian-card .detail-section-title{color:#0369a1;border-bottom-color:#bae6fd;margin-bottom:.75rem}.parent-phone-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .85rem;background:#0284c7;color:#fff!important;border-radius:8px;font-weight:700;font-size:.92rem;letter-spacing:.02em;text-decoration:none;box-shadow:0 2px 6px #0284c740;transition:all .2s ease;width:fit-content;margin-top:4px}.parent-phone-badge:hover{background:#0369a1;transform:translateY(-1px);color:#fff!important}.parent-info-highlight{font-weight:700;color:#0c4a6e;font-size:.9rem}.manage-full-btn{background:#1e3a8a!important;color:#fff!important;font-weight:600;padding:.45rem .9rem;border-radius:6px;transition:all .15s ease;border:none;cursor:pointer}.manage-full-btn:hover{background:#172554!important;box-shadow:0 2px 6px #1e3a8a4d}.pending-action-hint{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:#b45309;background:#fef3c7;padding:.35rem .75rem;border-radius:6px;border:1px solid #FDE68A}.transit-status-box{background:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;padding:.85rem}.transit-status-box.completed{background:#f0fdf4;border-color:#bbf7d0}.transit-box-header{display:flex;align-items:center;gap:.45rem;font-size:.78rem;font-weight:700;color:#475569;margin-bottom:.5rem}.transit-status-box.completed .transit-box-header{color:#166534}.transit-box-time{font-size:.82rem;font-weight:600;color:#0f172a;margin-bottom:.35rem}.transit-tag.verified{display:inline-block;font-size:.7rem;font-weight:700;color:#15803d;background:#dcfce7;padding:2px 6px;border-radius:4px}.transit-box-empty{font-size:.76rem;color:#94a3b8;font-style:italic}@media(max-width:1200px){.outing-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:992px){.outing-management-page{padding:1rem}}@media(max-width:768px){.outing-kpi-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.outing-header-bar{flex-direction:column;align-items:flex-start}.outing-controls-group{width:100%;justify-content:space-between}.outing-table-wrapper{display:none}.outing-cards-container{display:flex}.detail-info-grid{grid-template-columns:1fr}.info-cell.full-width{grid-column:span 1}.transit-cards-grid{grid-template-columns:1fr}}@media(max-width:480px){.outing-management-page{padding:.75rem}.outing-kpi-grid{grid-template-columns:1fr;gap:.5rem}.outing-main-title{font-size:1.25rem}.filter-select-group{width:100%;flex-direction:column;align-items:stretch}.filter-select,.filter-date-input,.reset-filter-btn{width:100%}.mobile-card-actions{flex-direction:column}}.leaves-management-page{padding:1.5rem;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.leaves-toast{position:fixed;top:1.5rem;right:1.5rem;z-index:1000;display:flex;align-items:center;gap:.75rem;padding:.85rem 1.25rem;border-radius:var(--radius-md, 8px);font-size:.875rem;font-weight:500;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a;animation:slideInDown .25s ease-out}.leaves-toast.success{background:#065f46;color:#ecfdf5;border:1px solid #059669}.leaves-toast.error{background:#991b1b;color:#fef2f2;border:1px solid #DC2626}.leaves-header-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.leaves-title-group{display:flex;align-items:center;gap:1rem}.leaves-icon-badge{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff;box-shadow:0 4px 12px #2563eb40;flex-shrink:0}.leaves-main-title{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.02em}.leaves-sub-title{font-size:.875rem;color:#64748b;margin:.25rem 0 0}.leaves-controls-group{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.leaves-kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-bottom:1.5rem}.leaves-kpi-card{background:#fff;border:1px solid #E2E8F0;border-radius:var(--radius-lg, 12px);padding:1.15rem;box-shadow:0 1px 3px #0000000d;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;display:flex;flex-direction:column}.leaves-kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014;border-color:#cbd5e1}.leaves-kpi-card .kpi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.leaves-kpi-card .kpi-label{font-size:.78rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.leaves-kpi-card .kpi-icon-pill{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.leaves-kpi-card .kpi-icon-pill.pending{background:#fef3c7;color:#d97706}.leaves-kpi-card .kpi-icon-pill.approved{background:#eff6ff;color:#2563eb}.leaves-kpi-card .kpi-icon-pill.active{background:#ecfdf5;color:#059669}.leaves-kpi-card .kpi-icon-pill.completed{background:#f1f5f9;color:#475569}.leaves-kpi-card .kpi-icon-pill.rejected{background:#fef2f2;color:#dc2626}.leaves-kpi-card .kpi-icon-pill.suspended{background:#fee2e2;color:#b91c1c}.leaves-kpi-card .kpi-value-row{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.25rem}.leaves-kpi-card .kpi-number{font-size:1.85rem;font-weight:700;color:#0f172a;line-height:1.2}.leaves-kpi-card .kpi-badge{font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:12px}.leaves-kpi-card .kpi-badge.urgent{background:#fef3c7;color:#b45309}.leaves-kpi-card .kpi-badge.warning{background:#fee2e2;color:#991b1b}.leaves-kpi-card .kpi-desc{font-size:.75rem;color:#94a3b8;margin-top:auto}.leaves-tabs-nav{display:flex;align-items:center;gap:.5rem;border-bottom:2px solid #E2E8F0;margin-bottom:1.25rem}.leaves-tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;background:transparent;color:#64748b;font-size:.9rem;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s ease;border-radius:6px 6px 0 0}.leaves-tab-btn:hover{color:#1e293b;background:#f8fafc}.leaves-tab-btn.active{color:#2563eb;border-bottom-color:#2563eb;background:#fff}.tab-counter-badge{font-size:.72rem;font-weight:700;padding:.1rem .45rem;border-radius:10px;background:#eff6ff;color:#2563eb}.tab-counter-badge.warning{background:#fee2e2;color:#b91c1c}.leaves-filter-card{background:#fff;border:1px solid #E2E8F0;border-radius:var(--radius-lg, 12px);padding:1rem 1.25rem;margin-bottom:1.25rem;box-shadow:0 1px 2px #0000000a}.filter-row{display:flex;align-items:center;flex-wrap:wrap;gap:.85rem}.filter-row.justify-between{justify-content:space-between}.flex-group{display:flex;align-items:center;flex-wrap:wrap;gap:.85rem}.leaves-filter-card .search-input-wrapper{position:relative;display:flex;align-items:center;flex:1;min-width:240px}.leaves-filter-card .search-icon{position:absolute;left:.75rem;color:#94a3b8;pointer-events:none}.leaves-search-input{width:100%;padding:.5rem 2rem .5rem 2.25rem;border:1px solid #CBD5E1;border-radius:var(--radius-md, 8px);font-size:.85rem;color:#0f172a;background:#f8fafc;outline:none;transition:border-color .15s,background-color .15s}.leaves-search-input:focus{border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb1a}.clear-search-btn{position:absolute;right:.6rem;background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:2px}.filter-label{font-size:.78rem;font-weight:600;color:#475569;white-space:nowrap}.leaves-select,.leaves-date-input{padding:.5rem .75rem;border:1px solid #CBD5E1;border-radius:var(--radius-md, 8px);font-size:.82rem;color:#1e293b;background:#fff;outline:none}.leaves-select:focus,.leaves-date-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.reset-filters-btn{font-size:.8rem;font-weight:600;color:#64748b;cursor:pointer;background:transparent;border:none;padding:.4rem .6rem}.reset-filters-btn:hover{color:#0f172a;text-decoration:underline}.enforce-susp-btn{display:flex;align-items:center;gap:.45rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.leaves-table-card{background:#fff;border:1px solid #E2E8F0;border-radius:var(--radius-lg, 12px);box-shadow:0 1px 3px #0000000d;overflow:hidden}.leaves-table-wrapper{overflow-x:auto;width:100%}.leaves-table{width:100%;border-collapse:collapse;text-align:left;font-size:.85rem}.leaves-table th{background:#f8fafc;color:#475569;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.85rem 1rem;border-bottom:1px solid #E2E8F0;white-space:nowrap}.leaves-table td{padding:.9rem 1rem;border-bottom:1px solid #F1F5F9;color:#1e293b;vertical-align:middle}.leave-row:hover,.susp-row:hover{background:#f8fafc}.cell-req-num{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.req-code{display:block;font-weight:700;color:#2563eb}.cell-date-sub{display:block;font-size:.72rem;color:#94a3b8;margin-top:2px}.student-info-group{display:flex;flex-direction:column}.student-jntu{font-size:.75rem;color:#64748b;font-family:monospace}.room-badge{display:inline-block;background:#f1f5f9;color:#334155;padding:.2rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600}.cell-sub-info{display:block;font-size:.7rem;color:#94a3b8;margin-top:2px}.category-tag{display:inline-block;padding:.2rem .55rem;border-radius:6px;font-size:.75rem;font-weight:600}.category-tag.home_leave{background:#eff6ff;color:#1d4ed8}.category-tag.medical{background:#fef2f2;color:#b91c1c}.category-tag.academic{background:#f5f3ff;color:#6d28d9}.category-tag.emergency{background:#fef3c7;color:#b45309}.category-tag.special_leave{background:#ecfdf5;color:#047857}.destination-text{display:flex;align-items:center;gap:.35rem;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.dest-icon{color:#64748b;flex-shrink:0}.dates-range-group{display:flex;flex-direction:column}.date-main{font-weight:600;color:#1e293b;white-space:nowrap}.duration-pill{display:inline-block;font-size:.72rem;color:#64748b;background:#f1f5f9;padding:.1rem .4rem;border-radius:4px;width:fit-content;margin-top:2px}.reason-truncate{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.cell-remarks-sub{display:block;font-size:.72rem;color:#64748b;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.creator-text{font-size:.8rem;color:#475569}.leave-status-badge,.susp-status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap}.leave-status-badge.pending{background:#fef3c7;color:#92400e;border:1px solid #FDE68A}.leave-status-badge.approved{background:#eff6ff;color:#1e40af;border:1px solid #BFDBFE}.leave-status-badge.active{background:#ecfdf5;color:#065f46;border:1px solid #A7F3D0}.leave-status-badge.completed{background:#f1f5f9;color:#334155;border:1px solid #CBD5E1}.leave-status-badge.rejected{background:#fef2f2;color:#991b1b;border:1px solid #FECACA}.leave-status-badge.cancelled{background:#f8fafc;color:#64748b;border:1px solid #E2E8F0}.susp-status-badge.active{background:#fee2e2;color:#991b1b;border:1px solid #FCA5A5}.susp-status-badge.lifted{background:#ecfdf5;color:#065f46;border:1px solid #A7F3D0}.susp-status-badge.expired{background:#f1f5f9;color:#475569;border:1px solid #CBD5E1}.action-buttons-group{display:flex;align-items:center;gap:.4rem}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:1px solid #CBD5E1;background:#fff;color:#475569;cursor:pointer;transition:all .15s ease}.action-btn:hover{background:#f8fafc;color:#0f172a;border-color:#94a3b8}.action-btn.view-btn:hover{color:#2563eb;border-color:#93c5fd;background:#eff6ff}.action-btn.approve-btn{color:#059669;border-color:#a7f3d0;background:#ecfdf5}.action-btn.approve-btn:hover{background:#059669;color:#fff;border-color:#059669}.action-btn.reject-btn{color:#dc2626;border-color:#fecaca;background:#fef2f2}.action-btn.reject-btn:hover{background:#dc2626;color:#fff;border-color:#dc2626}.action-btn.lift-btn{width:auto;padding:0 .6rem;gap:.35rem;font-size:.78rem;font-weight:600;color:#047857;background:#ecfdf5;border-color:#a7f3d0}.action-btn.lift-btn:hover{background:#047857;color:#fff;border-color:#047857}.lifted-note{font-size:.75rem;color:#059669;font-weight:500}.leaves-mobile-cards-view{display:none;flex-direction:column;gap:.85rem;padding:.85rem}.leave-mobile-card{background:#fff;border:1px solid #E2E8F0;border-radius:var(--radius-md, 8px);padding:1rem;box-shadow:0 1px 2px #0000000a}.mobile-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem;border-bottom:1px solid #F1F5F9;padding-bottom:.6rem}.mobile-req-code{font-size:.75rem;font-weight:700;color:#2563eb;font-family:monospace}.mobile-student-name{font-size:.95rem;font-weight:600;color:#0f172a;margin:.15rem 0 0}.mobile-jntu{font-size:.75rem;color:#64748b;font-family:monospace}.mobile-card-body{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.85rem}.mobile-detail-row{display:flex;align-items:baseline;justify-content:space-between;font-size:.82rem}.row-label{color:#64748b;font-weight:500}.row-val{color:#1e293b;text-align:right;max-width:65%;word-break:break-word}.mobile-card-actions{display:flex;align-items:center;gap:.5rem;border-top:1px solid #F1F5F9;padding-top:.6rem}.mobile-act-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .6rem;font-size:.8rem;font-weight:600;border-radius:6px}.leaves-pagination-bar{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;background:#f8fafc;border-top:1px solid #E2E8F0;flex-wrap:wrap;gap:.75rem}.pagination-info{font-size:.82rem;color:#64748b}.pagination-buttons{display:flex;align-items:center;gap:.5rem}.page-nav-btn{display:flex;align-items:center;gap:.25rem;padding:.35rem .65rem;font-size:.8rem;font-weight:600}.page-current{font-size:.82rem;font-weight:600;color:#334155;padding:0 .4rem}.leaves-loading-state,.leaves-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem 1.5rem;text-align:center;color:#64748b}.empty-icon-circle{width:64px;height:64px;border-radius:50%;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.empty-icon-circle.success-light{background:#ecfdf5;color:#059669}.leaves-empty-state h3{font-size:1.15rem;font-weight:600;color:#0f172a;margin:0 0 .35rem}.leaves-empty-state p{font-size:.85rem;color:#64748b;max-width:420px;margin:0}.leaves-detail-modal{max-width:680px;width:95%;max-height:90vh;overflow-y:auto}.confirmation-modal{max-width:480px;width:95%}.create-suspension-modal{max-width:540px;width:95%;max-height:90vh;overflow-y:auto}.suspension-warning-banner{display:flex;align-items:flex-start;gap:.75rem;background:#fef2f2;border:1px solid #FCA5A5;color:#991b1b;padding:.85rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.85rem}.suspension-warning-banner .warn-icon{flex-shrink:0;margin-top:2px}.suspension-warning-banner strong{display:block;margin-bottom:.2rem}.suspension-warning-banner p{margin:0;font-size:.8rem;line-height:1.35}.modal-status-banner{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;background:#f8fafc;border-radius:8px;margin-bottom:1.25rem}.banner-label{font-size:.82rem;font-weight:600;color:#475569}.modal-section{margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid #E2E8F0}.modal-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{display:flex;align-items:center;gap:.45rem;font-size:.9rem;font-weight:700;color:#0f172a;margin:0 0 .85rem}.detail-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.detail-item{display:flex;flex-direction:column;gap:.2rem}.detail-item.full-width{grid-column:1 / -1}.item-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.02em}.item-value{font-size:.85rem;color:#0f172a}.note-box{background:#f8fafc;border:1px solid #E2E8F0;border-radius:6px;padding:.65rem .85rem;font-size:.82rem;line-height:1.4;color:#334155}.rejection-reason-box{background:#fef2f2;border:1px solid #FECACA;border-radius:6px;padding:.65rem .85rem;font-size:.82rem;line-height:1.4;color:#991b1b}.inline-icon{display:inline-block;margin-right:4px;vertical-align:-2px;color:#64748b}.confirm-text{font-size:.9rem;color:#334155;margin:0 0 1rem;line-height:1.45}.confirm-summary-box{background:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.35rem;font-size:.82rem}.summary-row{display:flex;justify-content:space-between}.info-alert-box{display:flex;align-items:flex-start;gap:.55rem;background:#eff6ff;border:1px solid #BFDBFE;color:#1e40af;padding:.65rem .85rem;border-radius:6px;font-size:.78rem;line-height:1.35;margin-top:1rem}.info-alert-box.warning-box{background:#fef3c7;border-color:#fde68a;color:#92400e}.form-error-banner{display:flex;align-items:center;gap:.5rem;background:#fef2f2;border:1px solid #FCA5A5;color:#991b1b;padding:.65rem .85rem;border-radius:6px;font-size:.8rem;font-weight:500;margin-bottom:1rem}.form-group{margin-bottom:1rem;display:flex;flex-direction:column;gap:.35rem}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-label{font-size:.82rem;font-weight:600;color:#334155}.form-label.required:after{content:" *";color:#dc2626}.leaves-input,.leaves-textarea{width:100%;padding:.55rem .75rem;border:1px solid #CBD5E1;border-radius:6px;font-size:.85rem;color:#0f172a;background:#fff;outline:none;box-sizing:border-box}.leaves-input:focus,.leaves-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.leaves-textarea.has-error{border-color:#dc2626}.field-hint{font-size:.75rem;color:#64748b}.field-error-msg{font-size:.75rem;color:#dc2626;font-weight:500}@media(max-width:1200px){.leaves-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.leaves-management-page{padding:1rem}.leaves-header-bar{flex-direction:column;align-items:flex-start}.leaves-kpi-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.leaves-table-wrapper{display:none}.leaves-mobile-cards-view{display:flex}.filter-row{flex-direction:column;align-items:stretch}.filter-select-group{width:100%;justify-content:space-between}.leaves-select,.leaves-date-input{flex:1}.detail-grid-2,.form-row-2{grid-template-columns:1fr}.modal-actions-left{width:100%;margin-right:0;flex-direction:column}.modal-actions-left button{width:100%}}@media(max-width:480px){.leaves-management-page{padding:.75rem}.leaves-kpi-grid{grid-template-columns:1fr;gap:.5rem}.leaves-main-title{font-size:1.25rem}.mobile-card-actions{flex-direction:column}.mobile-card-actions button{width:100%}.leaves-tabs-nav{overflow-x:auto;padding-bottom:2px}}.complaints-management-page{padding:1.5rem;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.complaints-toast{position:fixed;top:1.5rem;right:1.5rem;z-index:1000;display:flex;align-items:center;gap:.75rem;padding:.85rem 1.25rem;border-radius:var(--radius-md, 8px);font-size:.875rem;font-weight:500;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a;animation:slideInDown .25s ease-out}.complaints-toast.success{background:#065f46;color:#ecfdf5;border:1px solid #059669}.complaints-toast.error{background:#991b1b;color:#fef2f2;border:1px solid #DC2626}.complaints-header-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.complaints-title-group{display:flex;align-items:center;gap:1rem}.complaints-icon-badge{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#d97706,#b45309);color:#fff;box-shadow:0 4px 12px #d9770640;flex-shrink:0}.complaints-main-title{font-size:1.5rem;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.02em}.complaints-sub-title{font-size:.875rem;color:#64748b;margin:.25rem 0 0}.complaints-controls-group{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.complaints-stats-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.85rem;margin-bottom:1.5rem}.kpi-stat-card{background:#fff;border:1px solid #E2E8F0;border-radius:10px;padding:1rem;box-shadow:0 1px 3px #0000000d;transition:all .2s ease;display:flex;flex-direction:column}.kpi-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 14px #00000014;border-color:#cbd5e1}.kpi-stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}.kpi-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.kpi-icon{flex-shrink:0}.kpi-icon.total{color:#475569}.kpi-icon.open{color:#2563eb}.kpi-icon.assigned{color:#7c3aed}.kpi-icon.in-progress{color:#d97706}.kpi-icon.resolved{color:#059669}.kpi-icon.closed{color:#64748b}.kpi-icon.urgent{color:#dc2626}.kpi-icon.unassigned{color:#ea580c}.kpi-stat-value{font-size:1.5rem;font-weight:700;color:#0f172a;line-height:1.2}.kpi-stat-value.text-blue{color:#2563eb}.kpi-stat-value.text-purple{color:#7c3aed}.kpi-stat-value.text-amber{color:#d97706}.kpi-stat-value.text-green{color:#059669}.kpi-stat-value.text-slate{color:#475569}.kpi-stat-value.text-rose{color:#dc2626}.kpi-stat-value.text-orange{color:#ea580c}.kpi-stat-sub{font-size:.72rem;color:#94a3b8;margin-top:.25rem}.complaints-filter-bar{display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid #E2E8F0;border-radius:10px;padding:.85rem 1rem;margin-bottom:1.25rem;flex-wrap:wrap;box-shadow:0 1px 2px #0000000a}.search-group{flex:1;min-width:220px;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:.75rem;color:#94a3b8;pointer-events:none}.filter-search-input{width:100%;padding:.55rem 2rem .55rem 2.2rem;border:1px solid #CBD5E1;border-radius:6px;font-size:.875rem;color:#0f172a;background:#f8fafc;outline:none;transition:border-color .15s,background .15s}.filter-search-input:focus{border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb1a}.clear-search-btn{position:absolute;right:.6rem;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;padding:.2rem}.filter-select-group{display:flex;align-items:center;gap:.4rem}.filter-select-group label{font-size:.75rem;font-weight:600;color:#64748b;white-space:nowrap}.filter-select{padding:.5rem .75rem;border:1px solid #CBD5E1;border-radius:6px;font-size:.85rem;color:#1e293b;background:#f8fafc;outline:none;cursor:pointer}.filter-select:focus{border-color:#2563eb;background:#fff}.clear-filters-btn{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;font-size:.8rem;font-weight:600;color:#64748b;background:#f1f5f9;border:1px solid #E2E8F0;border-radius:6px;cursor:pointer;transition:background .15s}.clear-filters-btn:hover{background:#e2e8f0;color:#0f172a}.complaints-content-container{background:#fff;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.complaints-loading-state,.complaints-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#64748b}.empty-icon{color:#cbd5e1;margin-bottom:1rem}.complaints-empty-state h3{font-size:1.15rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.complaints-empty-state p{font-size:.875rem;margin:0;max-width:400px}.complaints-table-wrapper{overflow-x:auto}.complaints-table{width:100%;border-collapse:collapse;font-size:.875rem}.complaints-table th{background:#f8fafc;padding:.85rem 1rem;text-align:left;font-weight:600;font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #E2E8F0;white-space:nowrap}.complaints-table td{padding:.95rem 1rem;border-bottom:1px solid #F1F5F9;vertical-align:middle;color:#334155}.complaint-row:hover{background:#f8fafc}.ticket-cell{max-width:260px}.ticket-number-badge{display:inline-block;font-family:monospace;font-size:.75rem;font-weight:700;color:#1e3a8a;background:#eff6ff;border:1px solid #BFDBFE;padding:.15rem .45rem;border-radius:4px;margin-bottom:.25rem}.ticket-number-badge.large{font-size:.85rem;padding:.25rem .6rem}.complaint-title-text{font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.complaint-location-sub{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#64748b;margin-top:.2rem}.student-info-cell{display:flex;flex-direction:column;gap:.1rem}.student-name{font-weight:600;color:#0f172a}.student-jntu{font-family:monospace;font-size:.75rem;color:#64748b}.student-room{font-size:.75rem;color:#94a3b8}.category-tag{display:inline-block;padding:.2rem .5rem;font-size:.72rem;font-weight:600;background:#f1f5f9;color:#475569;border-radius:4px;border:1px solid #E2E8F0;text-transform:uppercase}.category-tag.large{font-size:.8rem;padding:.3rem .65rem}.complaint-priority-badge{display:inline-block;padding:.2rem .55rem;border-radius:9999px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.complaint-priority-badge.urgent{background:#fee2e2;color:#991b1b;border:1px solid #F87171}.complaint-priority-badge.high{background:#ffedd5;color:#9a3412;border:1px solid #FB923C}.complaint-priority-badge.medium{background:#fef3c7;color:#92400e;border:1px solid #FCD34D}.complaint-priority-badge.low{background:#f1f5f9;color:#475569;border:1px solid #CBD5E1}.complaint-status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:9999px;font-size:.75rem;font-weight:600;white-space:nowrap}.complaint-status-badge.open{background:#eff6ff;color:#1e40af;border:1px solid #93C5FD}.complaint-status-badge.assigned{background:#f5f3ff;color:#6d28d9;border:1px solid #C4B5FD}.complaint-status-badge.in-progress{background:#fffbeb;color:#b45309;border:1px solid #FDE68A}.complaint-status-badge.resolved{background:#ecfdf5;color:#047857;border:1px solid #6EE7B7}.complaint-status-badge.closed{background:#f8fafc;color:#475569;border:1px solid #CBD5E1}.complaint-status-badge.cancelled,.complaint-status-badge.rejected{background:#fef2f2;color:#b91c1c;border:1px solid #FCA5A5}.complaint-status-badge.default{background:#f1f5f9;color:#475569}.assigned-staff-info{display:flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:500;color:#334155}.unassigned-badge{font-size:.75rem;color:#94a3b8;font-style:italic}.date-cell{display:flex;flex-direction:column}.time-sub{font-size:.72rem;color:#94a3b8}.action-buttons-group{display:flex;align-items:center;justify-content:flex-end;gap:.45rem}.btn-action-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:1px solid #E2E8F0;background:#fff;color:#475569;cursor:pointer;transition:all .15s}.btn-action-icon:hover{background:#f1f5f9;color:#0f172a;border-color:#cbd5e1}.btn-action-primary{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .8rem;border-radius:6px;font-size:.8rem;font-weight:600;border:none;cursor:pointer;transition:all .15s;white-space:nowrap}.assign-btn{background:#7c3aed;color:#fff}.assign-btn:hover:not(:disabled){background:#6d28d9}.start-btn{background:#d97706;color:#fff}.start-btn:hover:not(:disabled){background:#b45309}.resolve-btn{background:#059669;color:#fff}.resolve-btn:hover:not(:disabled){background:#047857}.close-btn{background:#1e293b;color:#fff}.close-btn:hover:not(:disabled){background:#0f172a}.btn-action-primary:disabled{opacity:.6;cursor:not-allowed}.complaints-pagination-bar{display:flex;align-items:center;justify-content:space-between;padding:.95rem 1.25rem;background:#f8fafc;border-top:1px solid #E2E8F0;font-size:.85rem}.pagination-info{color:#64748b}.pagination-buttons{display:flex;align-items:center;gap:.75rem}.btn-pagination{display:flex;align-items:center;gap:.3rem;padding:.4rem .75rem;background:#fff;border:1px solid #CBD5E1;border-radius:6px;font-size:.8rem;font-weight:500;color:#334155;cursor:pointer;transition:background .15s}.btn-pagination:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}.btn-pagination:disabled{opacity:.4;cursor:not-allowed}.page-indicator{font-weight:600;color:#334155}.mobile-only{display:none}.complaints-cards-wrapper{padding:1rem;display:flex;flex-direction:column;gap:1rem}.complaint-card{background:#fff;border:1px solid #E2E8F0;border-radius:10px;padding:1rem;box-shadow:0 1px 3px #0000000d}.complaint-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.complaint-card-badges{display:flex;align-items:center;gap:.4rem}.complaint-card-title{font-size:1rem;font-weight:600;color:#0f172a;margin:0 0 .35rem}.complaint-card-desc{font-size:.85rem;color:#475569;margin:0 0 .6rem;line-height:1.4}.complaint-card-location{display:flex;align-items:center;gap:.35rem;font-size:.78rem;color:#64748b;margin-bottom:.75rem}.complaint-card-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;background:#f8fafc;border:1px solid #F1F5F9;border-radius:6px;padding:.65rem;margin-bottom:.85rem}.meta-block{display:flex;flex-direction:column}.meta-label{font-size:.7rem;color:#94a3b8;text-transform:uppercase}.meta-val{font-size:.82rem;font-weight:600;color:#1e293b}.complaint-card-actions{display:flex;flex-direction:column;gap:.5rem}.modal-backdrop,.mgmt-modal-backdrop,.notice-modal-backdrop{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background:#0f172aa6!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:99999!important;padding:1.5rem!important;box-sizing:border-box!important}.modal-dialog,.mgmt-modal,.mgmt-modal-card,.notice-modal-card{background:#fff!important;border:1px solid #CBD5E1!important;border-radius:14px!important;box-shadow:0 25px 50px -12px #0f172a59,0 0 0 1px #00000014!important;width:100%!important;max-width:500px!important;max-height:90vh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;position:relative!important;box-sizing:border-box!important;color:#0f172a!important;animation:modalDialogFadeIn .2s cubic-bezier(.16,1,.3,1)!important}.notice-modal-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:1.25rem 1.5rem!important;border-bottom:1px solid #E2E8F0!important;background:#fff!important}.notice-modal-title{margin:0!important;font-size:1.15rem!important;font-weight:700!important;color:#0f172a!important}.notice-form-body{padding:1.25rem 1.5rem!important;overflow-y:auto!important}@keyframes modalDialogFadeIn{0%{transform:scale(.96) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.complaint-detail-modal,.modal-dialog.complaint-detail-modal{max-width:720px!important}.assign-modal,.resolve-modal,.close-confirm-modal,.modal-dialog.assign-modal,.modal-dialog.resolve-modal,.modal-dialog.close-confirm-modal{max-width:540px!important}.modal-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:1.25rem 1.5rem!important;border-bottom:1px solid #E2E8F0!important;background:#fff!important;flex-shrink:0!important}.modal-header h2,.modal-title-group h2{font-size:1.2rem!important;font-weight:700!important;color:#0f172a!important;margin:0!important;letter-spacing:-.01em!important}.complaint-detail-modal .modal-title-group,.assign-modal .modal-title-group,.resolve-modal .modal-title-group,.close-confirm-modal .modal-title-group{display:flex!important;flex-direction:column!important;gap:.35rem!important}.modal-close-btn{background:transparent!important;border:none!important;color:#94a3b8!important;cursor:pointer!important;padding:6px!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .15s ease!important;flex-shrink:0!important}.modal-close-btn:hover{background:#f1f5f9!important;color:#0f172a!important}.modal-body{padding:1.5rem!important;overflow-y:auto!important;max-height:calc(90vh - 140px)!important;background:#fff!important;display:flex!important;flex-direction:column!important;gap:1.25rem!important;box-sizing:border-box!important}.modal-footer{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:.75rem!important;padding:1.15rem 1.5rem!important;border-top:1px solid #E2E8F0!important;background:#f8fafc!important;flex-shrink:0!important}.form-group{display:flex!important;flex-direction:column!important;gap:.4rem!important;width:100%!important}.form-label{font-size:.85rem!important;font-weight:600!important;color:#334155!important}.form-select,.form-textarea{width:100%!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #CBD5E1!important;border-radius:8px!important;padding:.65rem .85rem!important;font-size:.875rem!important;color:#0f172a!important;outline:none!important;transition:border-color .15s,box-shadow .15s!important;font-family:inherit!important}.form-select:focus,.form-textarea:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb1a!important}.form-textarea.input-error{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc26261a!important}.form-help{font-size:.78rem!important;color:#64748b!important;line-height:1.35!important}.form-error-msg{font-size:.78rem!important;color:#dc2626!important;font-weight:500!important}.alert-box{display:flex!important;align-items:flex-start!important;gap:.75rem!important;padding:.9rem 1.1rem!important;border-radius:8px!important;font-size:.85rem!important;line-height:1.45!important}.alert-box.info{background:#eff6ff!important;border:1px solid #BFDBFE!important;color:#1e40af!important}.alert-box.info strong{display:block!important;font-size:.875rem!important;margin-bottom:.2rem!important;color:#1e3a8a!important}.alert-box.info p{margin:0!important;font-size:.82rem!important;color:#2563eb!important}.alert-box.warning{background:#fffbeb!important;border:1px solid #FDE68A!important;color:#92400e!important}.alert-box svg{flex-shrink:0!important;margin-top:2px!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:.75rem!important}.w-full{width:100%!important}.text-danger{color:#dc2626!important}.text-muted{color:#94a3b8!important}.font-mono{font-family:monospace!important}.font-medium{font-weight:500!important}.detail-badges-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.location-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .6rem;background:#f8fafc;border:1px solid #E2E8F0;border-radius:9999px;font-size:.78rem;color:#475569}.detail-section{margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid #F1F5F9}.detail-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.detail-section-heading{display:flex;align-items:center;gap:.45rem;font-size:.85rem;font-weight:600;color:#334155;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.03em}.student-card{background:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;padding:1rem}.student-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.detail-label{display:block;font-size:.72rem;color:#64748b;text-transform:uppercase}.detail-value{font-size:.875rem;font-weight:600;color:#0f172a}.complaint-full-description{background:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;padding:1rem;font-size:.9rem;color:#1e293b;line-height:1.5;white-space:pre-wrap}.detail-timeline-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}.timeline-item{display:flex;flex-direction:column}.timeline-label{font-size:.72rem;color:#64748b;text-transform:uppercase}.timeline-val{font-size:.875rem;color:#1e293b}.timeline-sub{font-size:.72rem;color:#94a3b8}.resolution-notes-box{background:#ecfdf5;border:1px solid #A7F3D0;border-radius:8px;padding:1rem}.resolution-notes-text{font-size:.875rem;color:#065f46;margin:0;white-space:pre-wrap;line-height:1.5}.attachments-list{display:flex;flex-direction:column;gap:.5rem}.attachment-item-card{display:flex;align-items:center;justify-content:space-between;padding:.6rem .85rem;background:#f8fafc;border:1px solid #E2E8F0;border-radius:6px}.attachment-meta{display:flex;align-items:center;gap:.5rem}.attachment-icon{color:#64748b}.attachment-name{display:block;font-size:.82rem;font-weight:600;color:#1e293b}.attachment-size{display:block;font-size:.72rem;color:#94a3b8}.btn-download{display:flex;align-items:center;gap:.3rem;padding:.35rem .65rem;background:#fff;border:1px solid #CBD5E1;border-radius:4px;font-size:.75rem;font-weight:500;color:#2563eb;cursor:pointer;transition:background .15s}.btn-download:hover{background:#eff6ff;border-color:#93c5fd}.modal-ticket-summary{background:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;padding:.85rem 1rem}.modal-ticket-summary h4{margin:.35rem 0 .25rem;font-size:.95rem;color:#0f172a}.summary-desc{font-size:.82rem;color:#64748b;margin:0 0 .5rem}.summary-meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.75rem;color:#475569}.form-textarea-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.35rem}.char-count{font-size:.75rem;font-weight:600}.complaints-tabs-nav{display:flex;align-items:center;gap:.5rem;border-bottom:2px solid #E2E8F0;margin-bottom:1.25rem;overflow-x:auto;padding-bottom:2px}.complaints-tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;background:transparent;color:#64748b;font-size:.9rem;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s ease;border-radius:6px 6px 0 0;white-space:nowrap}.complaints-tab-btn:hover{color:#1e293b;background:#f8fafc}.complaints-tab-btn.active{color:#2563eb;border-bottom-color:#2563eb;background:#fff}.complaints-tab-counter{font-size:.72rem;font-weight:700;padding:.1rem .5rem;border-radius:10px;background:#eff6ff;color:#2563eb}.complaints-tab-btn.active .complaints-tab-counter{background:#2563eb;color:#fff}.view-mode-toggle{display:flex;align-items:center;background:#f1f5f9;border-radius:8px;padding:2px;border:1px solid #CBD5E1}.view-mode-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;color:#64748b;cursor:pointer;transition:all .15s ease}.view-mode-btn:hover{color:#0f172a}.view-mode-btn.active{background:#fff;color:#2563eb;box-shadow:0 1px 3px #0000001a}.complaints-cards-grid{display:flex;flex-direction:column;gap:1.15rem;padding:1.25rem}.complaint-request-card{background:#fff;border:1px solid #E2E8F0;border-left:4px solid #94A3B8;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #0000000a;transition:all .2s ease;display:flex;flex-direction:column;gap:1rem}.complaint-request-card:hover{box-shadow:0 4px 14px #00000014;border-color:#cbd5e1;transform:translateY(-1px)}.complaint-request-card.card-open{border-left-color:#2563eb}.complaint-request-card.card-assigned{border-left-color:#7c3aed}.complaint-request-card.card-in-progress{border-left-color:#d97706}.complaint-request-card.card-resolved{border-left-color:#059669}.complaint-request-card.card-closed{border-left-color:#475569}.complaint-request-card.card-urgent{border-left-color:#dc2626}.card-top-bar{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:.75rem;border-bottom:1px solid #F1F5F9;padding-bottom:.85rem}.card-resident-ident{display:flex;align-items:center;gap:.85rem}.student-avatar-badge{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#1e3a8a,#1d4ed8);color:#fff;font-weight:700;font-size:.95rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #1e3a8a40;flex-shrink:0}.resident-pills-row{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}.jntu-pill{font-family:monospace;font-size:.75rem;font-weight:600;color:#475569;background:#f1f5f9;padding:.15rem .45rem;border-radius:4px;border:1px solid #E2E8F0}.room-pill{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;color:#1e40af;background:#eff6ff;padding:.15rem .5rem;border-radius:4px;border:1px solid #BFDBFE}.card-status-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.req-meta-row{display:flex;align-items:center;gap:.5rem}.req-number-tag{font-family:monospace;font-size:.8rem;font-weight:700;color:#1e3a8a;background:#dbeafe;padding:.2rem .55rem;border-radius:4px}.applied-date-sub{font-size:.78rem;color:#64748b}.card-body-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;background:#f8fafc;border:1px solid #F1F5F9;border-radius:8px;padding:.95rem 1.15rem}.col-block{display:flex;flex-direction:column;gap:.2rem}.col-label{font-size:.7rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.03em}.col-title{font-size:.9rem;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.col-desc{font-size:.8rem;color:#64748b;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}.col-val{font-size:.875rem;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:.35rem}.col-sub{font-size:.75rem;color:#64748b}.card-actions-row{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;flex-wrap:wrap}.complaint-progress-stepper{display:flex;align-items:center;justify-content:space-between;position:relative;margin:.75rem 0 1.25rem;padding:.5rem 0}.stepper-track{position:absolute;top:18px;left:30px;right:30px;height:3px;background:#e2e8f0;z-index:1}.stepper-step{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.35rem}.step-circle{width:34px;height:34px;border-radius:50%;background:#fff;border:2px solid #CBD5E1;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;transition:all .2s}.stepper-step.completed .step-circle{background:#059669;border-color:#059669;color:#fff}.stepper-step.current .step-circle{background:#2563eb;border-color:#2563eb;color:#fff;box-shadow:0 0 0 4px #2563eb33}.step-label{font-size:.72rem;font-weight:600;color:#64748b;text-transform:uppercase}.stepper-step.current .step-label,.stepper-step.completed .step-label{color:#0f172a}.comments-thread{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.comment-bubble{background:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;padding:.75rem .95rem}.comment-bubble-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.3rem}.comment-author-name{font-size:.8rem;font-weight:700;color:#1e293b}.comment-date-text{font-size:.72rem;color:#94a3b8}.comment-text-body{font-size:.85rem;color:#334155;margin:0;line-height:1.4}.comment-input-row{display:flex;gap:.5rem;margin-top:.5rem}.comment-input{flex:1;padding:.55rem .85rem;border:1px solid #CBD5E1;border-radius:6px;font-size:.85rem;outline:none}.comment-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}@media(max-width:1200px){.complaints-stats-grid{grid-template-columns:repeat(4,1fr)}.card-body-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.complaints-management-page{padding:1rem}.complaints-header-bar{flex-direction:column;align-items:flex-start}.complaints-stats-grid{grid-template-columns:repeat(2,1fr)}.complaints-filter-bar{flex-direction:column;align-items:stretch}.filter-select-group{flex-direction:column;align-items:stretch;width:100%}.filter-select{width:100%}.card-body-grid{grid-template-columns:1fr}.card-actions-row{width:100%;flex-direction:column}.card-actions-row button{width:100%}.student-info-grid,.detail-timeline-grid{grid-template-columns:1fr}.complaints-tabs-nav{overflow-x:auto;padding-bottom:4px}}@media(max-width:480px){.complaints-management-page{padding:.75rem}.complaints-stats-grid{grid-template-columns:1fr}.complaints-main-title{font-size:1.25rem}.card-top-bar{flex-direction:column}.stepper-track{display:none}.complaint-progress-stepper{flex-wrap:wrap;gap:.5rem}}.guest-billing-management-page{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;max-width:1600px;margin:0 auto;width:100%;box-sizing:border-box}.guest-billing-top-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:1.15rem 1.5rem;box-shadow:0 1px 3px #0000000a}.guest-billing-header-title{display:flex;align-items:center;gap:1rem}.guest-billing-badge-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #2563eb33;flex-shrink:0}.guest-live-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .85rem;background:#f1f5f9;border-radius:9999px;font-size:.8rem;font-weight:600;color:#475569}.guest-live-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8;display:inline-block}.guest-live-dot.connected{background:#10b981;box-shadow:0 0 0 3px #10b98140;animation:pulseLiveDot 2s infinite}@keyframes pulseLiveDot{0%{transform:scale(.95);box-shadow:0 0 #10b98180}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.guest-header-btn-sync{display:inline-flex;align-items:center;gap:.45rem;background:#f8fafc;color:#475569;border:1px solid #CBD5E1;border-radius:8px;padding:.55rem 1rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.guest-header-btn-sync:hover{background:#f1f5f9;color:#0f172a;border-color:#94a3b8}.guest-btn-primary{display:inline-flex;align-items:center;gap:.45rem;background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff;border:none;border-radius:8px;padding:.55rem 1.15rem;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 2px 4px #2563eb33;transition:all .2s ease}.guest-btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 8px #2563eb40}.guest-kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.85rem;width:100%;box-sizing:border-box}.guest-kpi-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:1.15rem;box-shadow:0 1px 3px #0000000a;transition:all .2s ease;display:flex;flex-direction:column;justify-content:space-between}.guest-kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000012;border-color:#cbd5e1}.guest-kpi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.guest-kpi-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.guest-kpi-icon-wrap{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.guest-kpi-val{font-size:1.45rem;font-weight:700;color:#0f172a;line-height:1.2;margin-bottom:.25rem}.guest-kpi-sub{font-size:.72rem;color:#94a3b8;font-weight:500}.guest-tabs-bar{display:flex;align-items:center;gap:.5rem;background:#f1f5f9;padding:.35rem;border-radius:12px;width:fit-content;max-width:100%;overflow-x:auto}.guest-tab-button{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;color:#475569;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.guest-tab-button:hover{color:#0f172a;background:#fff9}.guest-tab-button.active{background:#fff;color:#1e3a8a;box-shadow:0 1px 4px #00000014}.guest-tab-counter{font-size:.72rem;padding:.15rem .55rem;background:#e2e8f0;border-radius:9999px;color:#334155;font-weight:700}.guest-tab-button.active .guest-tab-counter{background:#eff6ff;color:#1d4ed8}.guest-content-container{background:#fff;border:1px solid #E2E8F0;border-radius:12px;box-shadow:0 1px 3px #0000000a;overflow:hidden;display:flex;flex-direction:column}.guest-filter-controls-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid #E2E8F0;background:#fafafc}.guest-search-input-wrapper{position:relative;flex:1;min-width:260px;max-width:480px}.guest-search-icon-inside{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.guest-search-input-wrapper input{width:100%;padding:.6rem 1rem .6rem 2.4rem;background:#fff;border:1px solid #CBD5E1;border-radius:8px;font-size:.875rem;color:#0f172a;outline:none;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.guest-search-input-wrapper input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.guest-select-filter-group{display:flex;align-items:center;gap:.65rem;font-size:.85rem;font-weight:600;color:#475569}.guest-select-filter-group select{padding:.55rem 1rem;background:#fff;border:1px solid #CBD5E1;border-radius:8px;font-size:.85rem;font-weight:500;color:#1e293b;outline:none;cursor:pointer;transition:border-color .15s ease}.guest-select-filter-group select:focus{border-color:#3b82f6}.guest-table-wrapper{width:100%;overflow-x:auto;min-height:280px}.guest-data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.guest-data-table th{background:#f8fafc;padding:.85rem 1.15rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#475569;border-bottom:1px solid #E2E8F0;white-space:nowrap}.guest-data-table td{padding:.95rem 1.15rem;border-bottom:1px solid #F1F5F9;color:#334155;vertical-align:middle}.guest-data-table tbody tr{transition:background-color .15s ease}.guest-data-table tbody tr:hover{background-color:#f8fafc}.guest-actions-cluster{display:flex;align-items:center;justify-content:flex-end;gap:.45rem;flex-wrap:wrap}.guest-btn-table-action{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s ease;white-space:nowrap}.guest-btn-table-action.btn-details{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.guest-btn-table-action.btn-details:hover{background:#dbeafe;color:#1e40af}.guest-btn-table-action.btn-pay{background:#ecfdf5;color:#059669;border-color:#a7f3d0}.guest-btn-table-action.btn-pay:hover{background:#d1fae5;color:#047857}.guest-btn-table-action.btn-void{background:#fff1f2;color:#e11d48;border-color:#fecdd3}.guest-btn-table-action.btn-void:hover{background:#ffe4e6;color:#be123c}.guest-btn-table-action.btn-checkout{background:#fffbeb;color:#d97706;border-color:#fde68a}.guest-btn-table-action.btn-checkout:hover{background:#fef3c7;color:#b45309}.guest-btn-table-action.btn-bill{background:#faf5ff;color:#7c3aed;border-color:#ddd6fe}.guest-btn-table-action.btn-bill:hover{background:#f3e8ff;color:#6d28d9}.status-pill{display:inline-flex;align-items:center;padding:.25rem .65rem;border-radius:9999px;font-size:.72rem;font-weight:700;letter-spacing:.025em;text-transform:uppercase}.status-pill.status-paid{background:#dcfce7;color:#15803d;border:1px solid #BBF7D0}.status-pill.status-partially-paid{background:#fef3c7;color:#b45309;border:1px solid #FDE68A}.status-pill.status-unpaid{background:#ffe4e6;color:#be123c;border:1px solid #FECDD3}.status-pill.status-void{background:#f1f5f9;color:#64748b;border:1px solid #E2E8F0}.status-pill.status-checked-in{background:#dcfce7;color:#166534;border:1px solid #BBF7D0}.status-pill.status-checked-out{background:#f1f5f9;color:#475569;border:1px solid #CBD5E1}.badge-relation{display:inline-block;padding:.2rem .5rem;border-radius:6px;background:#eef2ff;color:#4338ca;font-size:.72rem;font-weight:600}.badge-method{display:inline-block;padding:.15rem .45rem;border-radius:4px;background:#f5f3ff;color:#6d28d9;font-size:.72rem;font-weight:700}.row-voided{background-color:#f8fafc!important;opacity:.8}.line-items-section{background:#f8fafc;padding:1rem;border-radius:8px;border:1px solid #E2E8F0}.line-item-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.item-col-desc{flex:3}.item-col-qty{flex:1;min-width:70px}.item-col-unit{flex:1.5;min-width:100px}.item-col-subtotal{min-width:90px;text-align:right}.item-col-del{width:36px;display:flex;justify-content:center}.btn-icon-del{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:.35rem;border-radius:6px;transition:all .15s ease}.btn-icon-del:hover{background:#fee2e2;color:#dc2626}.bill-total-summary-card{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:.85rem 1.25rem;border-radius:8px;border:1px solid #CBD5E1}.bill-header-banner{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:1rem;border-bottom:1px solid #E2E8F0}.bill-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.meta-box{background:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;padding:.85rem;display:flex;flex-direction:column;gap:.25rem}.meta-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-weight:600}.detail-items-table{width:100%;border-collapse:collapse;margin-top:.5rem;font-size:.875rem}.detail-items-table th{background:#f1f5f9;padding:.6rem .75rem;font-weight:600;color:#475569;border-bottom:1px solid #CBD5E1}.detail-items-table td{padding:.65rem .75rem;border-bottom:1px solid #E2E8F0}.detail-items-table tfoot td{padding:.65rem .75rem;border-top:1px solid #CBD5E1;background:#f8fafc}.payment-history-list{display:flex;flex-direction:column;gap:.65rem;max-height:200px;overflow-y:auto}.payment-history-item{background:#f8fafc;border:1px solid #E2E8F0;border-left:3px solid #10B981;border-radius:6px;padding:.75rem}.payment-balance-summary{background:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;padding:.85rem}.void-warning-banner{background:#fff1f2;border:1px solid #FECDD3;color:#9f1239;padding:.85rem;border-radius:6px;font-size:.85rem;line-height:1.4}.void-alert-box{background:#fff1f2;border:1px solid #FECDD3;padding:.75rem 1rem;border-radius:6px}.host-select-container{border:1px solid #CBD5E1;border-radius:6px;max-height:150px;overflow-y:auto;background:#fff}.host-options-list{display:flex;flex-direction:column}.host-option-item{padding:.5rem .75rem;cursor:pointer;border-bottom:1px solid #F1F5F9;transition:background .15s ease}.host-option-item:hover{background:#f8fafc}.host-option-item.host-selected{background:#eff6ff;border-left:3px solid #2563EB}.btn-checkout-confirm{background:#d97706!important;color:#fff!important}.btn-checkout-confirm:hover{background:#b45309!important}@media(max-width:1400px){.guest-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.guest-billing-management-page{padding:1rem}.guest-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.guest-billing-management-page{padding:.75rem;gap:1rem}.guest-billing-top-bar{flex-direction:column;align-items:flex-start}.guest-kpi-grid{grid-template-columns:repeat(2,1fr)}.guest-filter-controls-bar{flex-direction:column;align-items:stretch}.guest-search-input-wrapper{max-width:100%}.bill-meta-grid{grid-template-columns:1fr}.line-item-row{flex-wrap:wrap}.item-col-desc{flex:1 1 100%}.item-col-qty{flex:1 1 40%}.item-col-unit{flex:1 1 45%}.item-col-subtotal{flex:1 1 100%;text-align:left;margin-top:.25rem}.item-col-del{flex:1 1 auto}.modal-dialog-lg{max-width:95vw!important}}@media(max-width:480px){.guest-kpi-grid{grid-template-columns:1fr}.guest-tabs-bar{width:100%}.guest-tab-button{flex:1;justify-content:center;padding:.5rem .6rem;font-size:.78rem}.form-row{flex-direction:column;gap:.75rem}}.log-history-management-page{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;max-width:1600px;margin:0 auto;width:100%;box-sizing:border-box}.log-history-top-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:1.15rem 1.5rem;box-shadow:0 1px 3px #0000000a}.log-history-header-title{display:flex;align-items:center;gap:1rem}.log-history-badge-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#0f172a,#334155);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0f172a40;flex-shrink:0}.log-live-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .85rem;background:#f1f5f9;border-radius:9999px;font-size:.8rem;font-weight:600;color:#475569}.log-live-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8;display:inline-block}.log-live-dot.connected{background:#10b981;box-shadow:0 0 0 3px #10b98140;animation:pulseLiveDot 2s infinite}.log-header-btn-sync{display:inline-flex;align-items:center;gap:.45rem;background:#f8fafc;color:#475569;border:1px solid #CBD5E1;border-radius:8px;padding:.55rem 1rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.log-header-btn-sync:hover{background:#f1f5f9;color:#0f172a;border-color:#94a3b8}.log-kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.85rem;width:100%;box-sizing:border-box}.log-kpi-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:1.15rem;box-shadow:0 1px 3px #0000000a;transition:all .2s ease;display:flex;flex-direction:column;justify-content:space-between}.log-kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000012;border-color:#cbd5e1}.log-kpi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.log-kpi-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.log-kpi-icon-wrap{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.log-kpi-val{font-size:1.45rem;font-weight:700;color:#0f172a;line-height:1.2;margin-bottom:.25rem}.log-kpi-sub{font-size:.72rem;color:#94a3b8;font-weight:500}.log-content-container{background:#fff;border:1px solid #E2E8F0;border-radius:12px;box-shadow:0 1px 3px #0000000a;overflow:hidden;display:flex;flex-direction:column}.log-filter-controls-bar{display:flex;flex-direction:column;gap:.85rem;padding:1.15rem 1.25rem;border-bottom:1px solid #E2E8F0;background:#fafafc}.log-search-input-wrapper{position:relative;width:100%}.log-search-icon-inside{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.log-search-input-wrapper input{width:100%;padding:.65rem 1rem .65rem 2.4rem;background:#fff;border:1px solid #CBD5E1;border-radius:8px;font-size:.875rem;color:#0f172a;outline:none;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.log-search-input-wrapper input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.log-filters-cluster{display:flex;align-items:center;flex-wrap:wrap;gap:.85rem}.log-select-filter-group,.log-date-filter-group{display:flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:600;color:#475569}.log-select-filter-group select,.log-date-filter-group input{padding:.5rem .85rem;background:#fff;border:1px solid #CBD5E1;border-radius:8px;font-size:.82rem;font-weight:500;color:#1e293b;outline:none;cursor:pointer;transition:border-color .15s ease}.log-select-filter-group select:focus,.log-date-filter-group input:focus{border-color:#3b82f6}.log-btn-filter-apply{display:inline-flex;align-items:center;gap:.35rem;padding:.52rem .95rem;background:#1e293b;color:#fff;border:none;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease}.log-btn-filter-apply:hover{background:#0f172a;transform:translateY(-1px)}.log-btn-filter-reset{display:inline-flex;align-items:center;gap:.35rem;padding:.52rem .85rem;background:#f1f5f9;color:#475569;border:1px solid #CBD5E1;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease}.log-btn-filter-reset:hover{background:#e2e8f0;color:#0f172a}.log-table-wrapper{width:100%;overflow-x:auto;min-height:320px}.log-data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.log-data-table th{background:#f8fafc;padding:.85rem 1.15rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#475569;border-bottom:1px solid #E2E8F0;white-space:nowrap}.log-data-table td{padding:.95rem 1.15rem;border-bottom:1px solid #F1F5F9;color:#334155;vertical-align:middle}.log-data-table tbody tr{transition:background-color .15s ease}.log-data-table tbody tr:hover{background-color:#f8fafc}.log-role-badge{display:inline-block;padding:.15rem .45rem;border-radius:4px;background:#f1f5f9;color:#475569;font-size:.68rem;font-weight:700;letter-spacing:.025em}.log-action-pill{display:inline-flex;align-items:center;padding:.25rem .65rem;border-radius:9999px;font-size:.72rem;font-weight:700;letter-spacing:.025em;text-transform:uppercase}.badge-action-emerald{background:#dcfce7;color:#15803d;border:1px solid #BBF7D0}.badge-action-rose{background:#ffe4e6;color:#be123c;border:1px solid #FECDD3}.badge-action-purple{background:#f3e8ff;color:#7c3aed;border:1px solid #E9D5FF}.badge-action-blue{background:#eff6ff;color:#1d4ed8;border:1px solid #BFDBFE}.badge-action-amber{background:#fef3c7;color:#b45309;border:1px solid #FDE68A}.badge-action-slate{background:#f1f5f9;color:#475569;border:1px solid #CBD5E1}.log-inline-transition{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:600}.transition-prev{padding:.1rem .35rem;background:#f1f5f9;color:#64748b;border-radius:4px}.transition-new{padding:.1rem .35rem;background:#ecfdf5;color:#047857;border-radius:4px}.log-btn-view-detail{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;background:#f8fafc;color:#0f172a;border:1px solid #CBD5E1;transition:all .15s ease}.log-btn-view-detail:hover{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.log-pagination-bar{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;border-top:1px solid #E2E8F0;background:#fafafc;flex-wrap:wrap;gap:.75rem}.log-pagination-info{font-size:.78rem;color:#64748b;font-weight:500}.log-pagination-controls{display:flex;align-items:center;gap:.45rem}.log-btn-page{display:inline-flex;align-items:center;gap:.25rem;padding:.4rem .75rem;background:#fff;border:1px solid #CBD5E1;border-radius:6px;font-size:.78rem;font-weight:600;color:#334155;cursor:pointer;transition:all .15s ease}.log-btn-page:hover:not(:disabled){background:#f1f5f9;color:#0f172a}.log-btn-page:disabled{opacity:.45;cursor:not-allowed}.log-detail-modal{max-width:680px!important}.log-detail-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.log-detail-desc-card,.log-detail-transition-card,.log-detail-metadata-card{background:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;padding:.85rem}.log-transition-compare-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem}.transition-state-box{background:#fff;border:1px solid #E2E8F0;border-radius:6px;padding:.65rem;display:flex;flex-direction:column;gap:.25rem}.transition-state-box.prev-box{border-left:3px solid #94A3B8}.transition-state-box.next-box{border-left:3px solid #10B981}.state-tag{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-weight:700}.state-content{font-size:.85rem;font-weight:600;color:#0f172a}.transition-arrow-divider{display:flex;align-items:center;justify-content:center;color:#64748b}.log-metadata-code-block{background:#0f172a;color:#e2e8f0;padding:.75rem;border-radius:6px;font-family:monospace;font-size:.75rem;max-height:200px;overflow:auto;white-space:pre-wrap;word-break:break-all}.log-detail-network-box{font-size:.78rem;color:#64748b;background:#f8fafc;border:1px solid #E2E8F0;padding:.5rem .85rem;border-radius:6px;display:flex;align-items:center}@media(max-width:1400px){.log-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.log-history-management-page{padding:1rem}.log-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.log-history-management-page{padding:.75rem;gap:1rem}.log-history-top-bar{flex-direction:column;align-items:flex-start}.log-kpi-grid{grid-template-columns:repeat(2,1fr)}.log-filters-cluster{flex-direction:column;align-items:stretch}.log-select-filter-group,.log-date-filter-group{width:100%;justify-content:space-between}.log-detail-meta-grid{grid-template-columns:1fr}.log-transition-compare-grid{grid-template-columns:1fr;gap:.5rem}.transition-arrow-divider{transform:rotate(90deg)}}@media(max-width:480px){.log-kpi-grid{grid-template-columns:1fr}.log-pagination-bar{flex-direction:column;align-items:center;gap:.5rem}}.user-management-page{display:flex;flex-direction:column;gap:1.5rem;padding:0 .5rem}.user-page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.user-title-row{display:flex;align-items:center;gap:.85rem}.user-header-icon-wrapper{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,#4338ca,#6366f1);color:#fff;border-radius:12px;box-shadow:0 4px 12px #6366f140}.user-page-title{font-size:1.35rem;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.01em}.user-page-subtitle{font-size:.85rem;color:#64748b;margin:.2rem 0 0}.user-header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.user-sync-indicator{display:flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;padding:.35rem .75rem;border-radius:20px;background:#f1f5f9;color:#475569}.user-sync-indicator.connected{background:#dcfce7;color:#166534}.user-sync-indicator.disconnected{background:#fee2e2;color:#991b1b}.user-pulse-dot{width:8px;height:8px;border-radius:50%;background:currentColor;display:inline-block;animation:pulse-glow 2s infinite}.user-btn-primary{display:inline-flex;align-items:center;gap:.45rem;background:#4338ca;color:#fff;font-size:.85rem;font-weight:600;padding:.55rem 1.1rem;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #4338ca33}.user-btn-primary:hover:not(:disabled){background:#3730a3;box-shadow:0 4px 12px #4338ca59}.user-btn-primary.danger{background:#dc2626;box-shadow:0 2px 6px #dc262640}.user-btn-primary.danger:hover:not(:disabled){background:#b91c1c}.user-btn-primary:disabled{opacity:.6;cursor:not-allowed}.user-btn-secondary{display:inline-flex;align-items:center;gap:.45rem;background:#fff;color:#334155;font-size:.85rem;font-weight:600;padding:.55rem 1rem;border-radius:8px;border:1px solid #CBD5E1;cursor:pointer;transition:all .2s ease}.user-btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8;color:#0f172a}.user-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.user-kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.user-kpi-card{display:flex;align-items:center;gap:.85rem;background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:1rem 1.1rem;box-shadow:0 1px 3px #0000000a;transition:transform .15s ease,box-shadow .15s ease}.user-kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.user-kpi-icon-container{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;flex-shrink:0}.user-kpi-icon-container.blue{background:#dbeafe;color:#1d4ed8}.user-kpi-icon-container.green{background:#dcfce7;color:#15803d}.user-kpi-icon-container.red{background:#fee2e2;color:#b91c1c}.user-kpi-icon-container.purple{background:#f3e8ff;color:#7e22ce}.user-kpi-icon-container.indigo{background:#e0e7ff;color:#4338ca}.user-kpi-icon-container.amber{background:#fef3c7;color:#b45309}.user-kpi-details{display:flex;flex-direction:column}.user-kpi-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#64748b}.user-kpi-value{font-size:1.35rem;font-weight:700;color:#0f172a;margin-top:.15rem}.user-filter-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:.9rem 1.1rem;box-shadow:0 1px 3px #0000000a}.user-filter-row{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.user-search-wrapper{position:relative;flex:1 1 300px;min-width:240px;display:flex;align-items:center}.user-search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none;transition:color .15s ease}.user-search-wrapper:focus-within .user-search-icon{color:#2563eb}.user-search-input{width:100%;height:42px;padding:0 2.2rem 0 2.5rem;border:1.5px solid #E2E8F0;border-radius:10px;font-size:.875rem;font-weight:500;color:#0f172a;background:#f8fafc;outline:none;box-shadow:0 1px 2px #00000008;transition:all .2s cubic-bezier(.4,0,.2,1)}.user-search-input::placeholder{color:#94a3b8;font-weight:400}.user-search-input:hover{border-color:#cbd5e1;background:#fff}.user-search-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f,0 2px 4px #0000000a}.user-search-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#94a3b8;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;cursor:pointer;transition:all .15s ease}.user-search-clear:hover{background:#f1f5f9;color:#1e293b}.user-filter-item{display:flex;align-items:center;gap:.45rem}.user-filter-label{font-size:.8rem;font-weight:600;color:#475569}.user-select-input{padding:.55rem .8rem;border:1px solid #CBD5E1;border-radius:8px;font-size:.82rem;color:#0f172a;background:#fff;outline:none;cursor:pointer}.user-select-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.user-filter-actions{display:flex;align-items:center;gap:.5rem}.user-table-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.user-error-banner{display:flex;align-items:center;gap:.5rem;background:#fee2e2;color:#991b1b;padding:.85rem 1.25rem;font-size:.85rem;font-weight:500}.user-loading-state,.user-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;text-align:center}.user-loading-spinner{color:#4338ca;margin-bottom:.75rem}.user-empty-icon{color:#cbd5e1;margin-bottom:.75rem}.user-table-responsive{width:100%;overflow-x:auto}.user-data-table{width:100%;min-width:980px;border-collapse:collapse;font-size:.85rem;text-align:left}.user-data-table thead tr{background:#f8fafc;border-bottom:1px solid #E2E8F0}.user-data-table th{padding:.85rem 1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#64748b;white-space:nowrap}.user-data-table tbody tr{border-bottom:1px solid #F1F5F9;transition:background .15s ease}.user-data-table tbody tr:hover{background:#f8fafc}.user-data-table tbody tr.user-row-disabled{background:#fdf2f2}.user-data-table td{padding:.85rem 1rem;color:#1e293b;vertical-align:middle}.user-identity-cell{display:flex;align-items:center;gap:.75rem}.user-avatar-placeholder{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#eef2ff;color:#4338ca;font-weight:700;font-size:.85rem;flex-shrink:0}.user-name-text{font-weight:600;color:#0f172a}.user-email-text{font-size:.75rem;color:#64748b}.user-id-code{font-family:monospace;font-size:.82rem;font-weight:600;background:#f1f5f9;padding:.2rem .45rem;border-radius:4px;color:#334155}.user-role-badge{display:inline-block;padding:.25rem .6rem;border-radius:6px;font-size:.75rem;font-weight:600;white-space:nowrap}.user-role-admin{background:#f3e8ff;color:#7e22ce;border:1px solid #E9D5FF}.user-role-warden{background:#e0e7ff;color:#3730a3;border:1px solid #C7D2FE}.user-role-student{background:#dcfce7;color:#166534;border:1px solid #BBF7D0}.user-role-support{background:#fef3c7;color:#92400e;border:1px solid #FDE68A}.user-role-default{background:#f1f5f9;color:#475569;border:1px solid #E2E8F0}.user-status-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:12px;font-size:.75rem;font-weight:600}.user-status-pill.active{background:#dcfce7;color:#15803d}.user-status-pill.disabled{background:#fee2e2;color:#b91c1c}.user-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.user-allocation-info{display:flex;align-items:center;gap:.4rem}.user-block-room{font-weight:500;color:#334155}.user-bed-tag{background:#f1f5f9;color:#475569;font-size:.7rem;padding:.15rem .35rem;border-radius:4px}.user-text-muted{color:#94a3b8;font-size:.8rem}.user-date-cell{display:flex;align-items:center;gap:.35rem;color:#64748b;font-size:.8rem}.user-action-buttons{display:inline-flex;align-items:center;gap:.35rem;min-width:140px;justify-content:flex-end}.user-action-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:1px solid #CBD5E1;background:#fff;color:#475569;cursor:pointer;transition:all .15s ease}.user-action-btn.view:hover{background:#eef2ff;color:#4338ca;border-color:#c7d2fe}.user-action-btn.edit:hover{background:#fef3c7;color:#b45309;border-color:#fde68a}.user-action-btn.disable:hover{background:#fee2e2;color:#dc2626;border-color:#fecaca}.user-action-btn.enable:hover{background:#dcfce7;color:#16a34a;border-color:#bbf7d0}.user-action-btn.key:hover{background:#f3e8ff;color:#7e22ce;border-color:#e9d5ff}.user-pagination-bar{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;background:#f8fafc;border-top:1px solid #E2E8F0;flex-wrap:wrap;gap:.75rem}.user-pagination-info{font-size:.8rem;color:#64748b}.user-pagination-controls{display:flex;align-items:center;gap:.5rem}.user-page-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .75rem;border-radius:6px;border:1px solid #CBD5E1;background:#fff;color:#334155;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s ease}.user-page-btn:hover:not(:disabled){background:#f1f5f9;color:#0f172a}.user-page-btn:disabled{opacity:.5;cursor:not-allowed}.user-page-counter{font-size:.8rem;font-weight:600;color:#475569;padding:0 .4rem}.user-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.user-modal-container{background:#fff;border-radius:14px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:modal-fade-in .2s ease-out}.user-modal-container.small{max-width:460px}.user-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem;border-bottom:1px solid #E2E8F0;background:#f8fafc}.user-modal-header-title{display:flex;align-items:center;gap:.5rem;color:#0f172a}.user-modal-header-title h3{font-size:1.1rem;font-weight:700;margin:0}.user-modal-close-btn{background:transparent;border:none;color:#64748b;cursor:pointer;padding:.25rem;border-radius:6px;transition:all .15s ease}.user-modal-close-btn:hover{background:#e2e8f0;color:#0f172a}.user-modal-body{padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.user-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid #E2E8F0;background:#f8fafc}.user-detail-profile-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafc;border-radius:10px;border:1px solid #E2E8F0}.user-detail-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#4338ca,#6366f1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;flex-shrink:0}.user-detail-profile-card h4{font-size:1.15rem;font-weight:700;margin:0;color:#0f172a}.user-detail-profile-card p{font-size:.85rem;color:#64748b;margin:.2rem 0 .5rem}.user-detail-badges{display:flex;align-items:center;gap:.5rem}.user-detail-section h5{font-size:.85rem;font-weight:700;color:#334155;text-transform:uppercase;letter-spacing:.03em;margin:0 0 .75rem}.user-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.user-detail-item{display:flex;flex-direction:column;gap:.2rem;background:#f8fafc;padding:.65rem .8rem;border-radius:6px;border:1px solid #F1F5F9;font-size:.85rem}.user-detail-label{font-size:.72rem;font-weight:600;color:#64748b;text-transform:uppercase}.user-detail-code{font-family:monospace;font-size:.82rem;color:#0f172a;word-break:break-all}.user-stats-pill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.user-stat-box{display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;background:#f1f5f9;border-radius:8px;text-align:center}.user-stat-box .val{font-size:1.25rem;font-weight:700;color:#0f172a}.user-stat-box .lbl{font-size:.7rem;font-weight:600;color:#64748b;margin-top:.2rem}.user-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}.user-form-group{display:flex;flex-direction:column;gap:.35rem}.user-form-group.full-width{grid-column:1 / -1}.user-form-label{font-size:.8rem;font-weight:600;color:#334155}.user-form-input{padding:.55rem .75rem;border:1px solid #CBD5E1;border-radius:8px;font-size:.85rem;color:#0f172a;background:#fff;outline:none;transition:all .15s ease}.user-form-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.user-modal-error{display:flex;align-items:center;gap:.5rem;background:#fee2e2;color:#991b1b;padding:.65rem .85rem;border-radius:8px;font-size:.82rem;font-weight:500}.user-modal-success{display:flex;align-items:center;gap:.5rem;background:#dcfce7;color:#15803d;padding:.65rem .85rem;border-radius:8px;font-size:.82rem;font-weight:500}.user-role-warning{display:flex;align-items:flex-start;gap:.4rem;margin-top:.4rem;padding:.5rem .65rem;background:#fef3c7;color:#92400e;border-radius:6px;font-size:.78rem}.user-confirm-text{font-size:.9rem;color:#334155;line-height:1.5;margin:0}@media(max-width:1200px){.user-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.user-kpi-grid{grid-template-columns:repeat(2,1fr)}.user-page-header{flex-direction:column;align-items:flex-start}.user-filter-row{flex-direction:column;align-items:stretch}.user-search-wrapper,.user-filter-item,.user-select-input{width:100%}.user-detail-grid,.user-form-grid{grid-template-columns:1fr}.user-stats-pill-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.user-kpi-grid{grid-template-columns:1fr}.user-pagination-bar{flex-direction:column;align-items:center;gap:.5rem}}.student-portal-page{width:100%;max-width:1320px;margin:0 auto;padding:clamp(1rem,2.5vw,1.75rem);box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem}.student-page-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1rem;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:clamp(1.15rem,2vw,1.5rem);box-shadow:var(--shadow-sm)}.student-page-header-text{display:flex;flex-direction:column;gap:.35rem}.student-page-title{font-size:clamp(1.35rem,2.2vw,1.75rem);font-weight:800;color:var(--text-main);letter-spacing:-.02em;line-height:1.25;display:flex;align-items:center;gap:.65rem}.student-page-subtitle{font-size:.92rem;color:var(--text-muted);line-height:1.5;max-width:720px}.student-header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.student-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;background:linear-gradient(135deg,#1e40af,#2563eb);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 4px 10px #2563eb38;transition:all var(--transition-fast);text-decoration:none}.student-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 6px 14px #2563eb4d}.student-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.15rem;background:#fff;color:#334155;border:1px solid #CBD5E1;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.student-btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8;color:#0f172a}.student-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.15rem;width:100%}.student-metric-grid.cols-3{grid-template-columns:repeat(3,1fr)}.student-metric-grid.cols-2{grid-template-columns:repeat(2,1fr)}.student-metric-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem 1.35rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;min-height:140px;position:relative;transition:all var(--transition-fast)}.student-metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.student-metric-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.student-metric-icon{width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.student-metric-icon.blue{background:#eff6ff;color:#2563eb}.student-metric-icon.green{background:#ecfdf5;color:#059669}.student-metric-icon.purple{background:#f3e8ff;color:#7c3aed}.student-metric-icon.amber{background:#fffbeb;color:#d97706}.student-metric-icon.rose{background:#fef2f2;color:#dc2626}.student-metric-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.student-metric-value{font-size:1.75rem;font-weight:800;color:var(--text-main);line-height:1.2}.student-metric-sub{font-size:.82rem;color:var(--text-muted);margin-top:.35rem}.student-filter-bar{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.85rem 1.25rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;box-shadow:var(--shadow-sm)}.student-search-wrap{position:relative;display:flex;align-items:center;flex:1;min-width:220px}.student-search-icon{position:absolute;left:.85rem;color:var(--text-light);pointer-events:none}.student-search-input{width:100%;padding:.6rem 1rem .6rem 2.5rem;border:1px solid #CBD5E1;border-radius:var(--radius-sm);font-size:.875rem;background:#f8fafc;color:var(--text-main);transition:all var(--transition-fast)}.student-search-input:focus{background:#fff;border-color:var(--primary-navy);box-shadow:0 0 0 3px #151b541a;outline:none}.student-select-group{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.student-select{padding:.6rem 1rem;border:1px solid #CBD5E1;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;background:#fff;color:var(--text-main);cursor:pointer;transition:all var(--transition-fast)}.student-select:focus{border-color:var(--primary-navy);outline:none;box-shadow:0 0 0 3px #151b541a}.student-status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .7rem;border-radius:9999px;font-size:.78rem;font-weight:700;line-height:1.2}.student-status-badge.approved,.student-status-badge.success,.student-status-badge.returned,.student-status-badge.active-status{background:#ecfdf5;color:#065f46;border:1px solid #A7F3D0}.student-status-badge.pending,.student-status-badge.draft,.student-status-badge.warning{background:#fffbeb;color:#92400e;border:1px solid #FDE68A}.student-status-badge.rejected,.student-status-badge.cancelled,.student-status-badge.danger,.student-status-badge.error{background:#fef2f2;color:#991b1b;border:1px solid #FECACA}.student-status-badge.out,.student-status-badge.info,.student-status-badge.in-progress{background:#eff6ff;color:#1e40af;border:1px solid #BFDBFE}.student-status-badge.resolved{background:#f0fdf4;color:#166534;border:1px solid #BBF7D0}.student-status-badge.closed,.student-status-badge.neutral{background:#f1f5f9;color:#475569;border:1px solid #E2E8F0}.student-table-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;width:100%}.student-table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.student-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.student-table th{background:#f8fafc;padding:.85rem 1.15rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-color);white-space:nowrap}.student-table td{padding:1rem 1.15rem;border-bottom:1px solid #F1F5F9;color:var(--text-main);vertical-align:middle}.student-table tr:hover td{background:#f8fafc}.student-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#0f172aa6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem}.student-modal-box{background:#fff;border-radius:var(--radius-lg);width:100%;max-width:580px;max-height:90vh;max-height:90dvh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #0f172a40;border:1px solid var(--border-color);animation:modalFadeIn .2s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.student-modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.student-modal-title{font-size:1.25rem;font-weight:700;color:var(--text-main);letter-spacing:-.01em}.student-modal-close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.35rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.student-modal-close-btn:hover{background:#f1f5f9;color:var(--text-main)}.student-modal-body{padding:1.5rem;overflow-y:auto;overscroll-behavior:contain;flex:1}.student-modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:#f8fafc;display:flex;align-items:center;justify-content:flex-end;gap:.75rem;flex-shrink:0}.student-empty-state{text-align:center;padding:3.5rem 1.5rem;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.student-empty-icon{width:56px;height:56px;border-radius:50%;background:#f1f5f9;color:#64748b;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1rem}.student-empty-title{font-size:1.15rem;font-weight:700;color:#1e293b;margin-bottom:.35rem}.student-empty-desc{font-size:.875rem;color:#64748b;max-width:440px;margin:0 auto 1.25rem;line-height:1.5}.student-error-state{text-align:center;padding:2.5rem 1.5rem;background:#fef2f2;border:1px solid #FECACA;border-radius:var(--radius-lg);color:#991b1b}.biometric-hero-banner{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:clamp(1.25rem,2.5vw,1.75rem);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1.25rem}.biometric-hero-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;border-bottom:1px solid #F1F5F9;padding-bottom:1rem}.biometric-presence-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1.15rem;border-radius:9999px;font-size:.92rem;font-weight:700}.biometric-presence-badge.inside{background:#ecfdf5;color:#065f46;border:1px solid #A7F3D0}.biometric-presence-badge.outside{background:#fffbeb;color:#92400e;border:1px solid #FDE68A}.biometric-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.biometric-stat-box{background:#f8fafc;border:1px solid #E2E8F0;border-radius:var(--radius-md);padding:.85rem 1.15rem}.biometric-stat-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.biometric-stat-val{font-size:1.15rem;font-weight:800;color:#0f172a;margin-top:.2rem}@media(max-width:1024px){.student-metric-grid,.biometric-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.student-portal-page{padding:.85rem;gap:1.15rem}.student-page-header{flex-direction:column;align-items:flex-start}.student-header-actions{width:100%;justify-content:flex-start}.student-filter-bar{flex-direction:column;align-items:stretch}.student-select-group{width:100%}.student-select{flex:1}}@media(max-width:640px){.student-metric-grid,.biometric-stats-grid{grid-template-columns:1fr}.student-modal-box{max-width:96vw;border-radius:var(--radius-md)}}@media(max-width:360px){.student-portal-page{padding:.5rem}.student-metric-card{padding:1rem}.student-btn-primary,.student-btn-secondary{width:100%;justify-content:center}}.student-segmented-nav{display:inline-flex;background:#f1f5f9;padding:4px;border-radius:var(--radius-md);gap:4px;border:1px solid var(--border-color);width:fit-content;max-width:100%;overflow-x:auto}.student-segmented-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.15rem;border:none;background:transparent;color:var(--text-muted);font-size:.875rem;font-weight:600;border-radius:calc(var(--radius-md) - 2px);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.student-segmented-btn:hover:not(.active){color:var(--text-main);background:#fff9}.student-segmented-btn.active{background:#fff;color:var(--primary-navy);box-shadow:var(--shadow-sm)}.student-segmented-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#e2e8f0;color:var(--text-muted);border-radius:9999px;font-size:.725rem;font-weight:700}.student-segmented-btn.active .student-segmented-badge{background:#eef2ff;color:var(--primary-blue)}.student-segmented-badge-alert{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;background:#fee2e2;color:#dc2626;border-radius:9999px;font-size:.675rem;font-weight:800;letter-spacing:.05em;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.student-suspension-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1rem}.student-suspension-card.active-order{border-color:#fca5a5;background:#fffbfb}.student-suspension-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.student-suspension-order-title{font-size:1rem;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:.5rem}.static-mess-qr-section{margin-bottom:2rem}.static-mess-qr-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;transition:box-shadow .2s ease,border-color .2s ease;position:relative;overflow:hidden}.static-mess-qr-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000000f,0 2px 4px -1px #00000008}.static-qr-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid #F1F5F9}.static-qr-title-box{display:flex;align-items:center;gap:.75rem}.static-qr-icon-circle{width:40px;height:40px;border-radius:10px;background:#eff6ff;color:#1d4ed8;display:flex;align-items:center;justify-content:center;flex-shrink:0}.static-qr-title{font-size:1.05rem;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.01em}.static-qr-subtitle{font-size:.8rem;color:#64748b;margin:.15rem 0 0}.static-qr-permanent-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:20px;background:#f0fdf4;color:#166534;border:1px solid #BBF7D0;font-size:.75rem;font-weight:600}.static-qr-body{padding:1.25rem 0;display:flex;flex-direction:column;align-items:center;text-align:center}.static-qr-instruction{font-size:.9rem;color:#334155;margin:0 0 1.25rem;font-weight:500;max-width:460px}.static-qr-visual-box{position:relative;padding:12px;background:#fff;border:2px solid #E2E8F0;border-radius:14px;box-shadow:0 4px 12px #0f172a0d;cursor:pointer;display:inline-block;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.static-qr-visual-box:hover{transform:translateY(-2px);border-color:#2563eb;box-shadow:0 8px 20px #2563eb1f}.static-qr-image{display:block;border-radius:6px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;width:160px;height:160px}.static-qr-placeholder{width:160px;height:160px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:6px;color:#94a3b8}.static-qr-overlay-hint{display:flex;align-items:center;justify-content:center;gap:.35rem;margin-top:.4rem;font-size:.72rem;color:#64748b;font-weight:500}.static-qr-info-box{margin-top:1.25rem;display:flex;align-items:center;gap:.5rem;background:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;padding:.6rem 1rem;max-width:480px;width:100%}.static-qr-info-icon{color:#3b82f6;flex-shrink:0}.static-qr-info-text{font-size:.8rem;color:#475569;margin:0;text-align:left;line-height:1.4}.static-qr-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding-top:1rem;border-top:1px solid #F1F5F9}.btn-view-qr{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.1rem;border-radius:8px;background:#151b54;color:#fff;border:none;font-size:.82rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .15s ease,transform .15s ease}.btn-view-qr:hover{background:#1e266d;transform:translateY(-1px)}.static-qr-entry-tag{font-size:.75rem;color:#64748b}.static-qr-entry-tag code{background:#f1f5f9;padding:2px 6px;border-radius:4px;color:#0f172a;font-weight:600;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.mess-qr-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:9999;animation:fadeInModal .2s ease-out}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.mess-qr-modal-card{background:#fff;border-radius:16px;width:100%;max-width:440px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;animation:scaleInModal .2s ease-out}@keyframes scaleInModal{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.mess-qr-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #F1F5F9;background:#fafafa}.modal-title-group{display:flex;flex-direction:column;gap:.2rem}.modal-brand-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:700;color:#151b54;letter-spacing:.04em;text-transform:uppercase}.mess-qr-modal-title{font-size:1.15rem;font-weight:700;color:#0f172a;margin:0}.mess-qr-close-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.mess-qr-close-btn:hover{background:#f1f5f9;color:#0f172a}.mess-qr-modal-body{padding:1.5rem;text-align:center}.mess-qr-modal-lead{font-size:.92rem;color:#334155;margin:0 0 1.25rem;font-weight:500;line-height:1.4}.mess-qr-stage{display:flex;flex-direction:column;align-items:center;margin-bottom:1.25rem}.mess-qr-frame{padding:16px;background:#fff;border:2px solid #E2E8F0;border-radius:16px;box-shadow:0 10px 25px -5px #0f172a14;display:inline-block}.modal-qr-img{display:block;border-radius:8px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;width:240px;height:240px}.modal-qr-loading{width:240px;height:240px;display:flex;align-items:center;justify-content:center;background:#f8fafc;color:#94a3b8;border-radius:8px}.qr-stage-tag{display:inline-flex;align-items:center;gap:.35rem;margin-top:.75rem;font-size:.72rem;font-weight:700;letter-spacing:.03em;color:#166534;background:#f0fdf4;padding:.2rem .6rem;border-radius:12px;border:1px solid #BBF7D0}.mess-qr-modal-alert{background:#f0f9ff;border:1px solid #BAE6FD;border-radius:10px;padding:.75rem 1rem;display:flex;align-items:flex-start;gap:.6rem;text-align:left;margin-bottom:1.25rem}.modal-alert-icon{color:#0284c7;flex-shrink:0;margin-top:2px}.modal-alert-text{font-size:.78rem;color:#0369a1;line-height:1.45}.mess-qr-meta-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;background:#f8fafc;padding:.75rem;border-radius:8px;border:1px solid #E2E8F0;text-align:left}.qr-meta-item{display:flex;flex-direction:column;gap:.2rem}.qr-meta-lbl{font-size:.65rem;font-weight:700;color:#64748b;letter-spacing:.03em;text-transform:uppercase}.qr-meta-val{font-size:.78rem;font-weight:600;color:#0f172a}.qr-meta-val code{background:#e2e8f0;padding:1px 4px;border-radius:4px;font-size:.75rem}.mess-qr-modal-footer{padding:1rem 1.5rem;border-top:1px solid #F1F5F9;background:#fafafa}.btn-qr-modal-close{width:100%;padding:.65rem;background:#151b54;color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:background .15s ease}.btn-qr-modal-close:hover{background:#1e266d}@media(max-width:480px){.static-mess-qr-card{padding:1rem}.static-qr-header{flex-direction:column;align-items:flex-start}.static-qr-image{width:140px;height:140px}.static-qr-footer{flex-direction:column;align-items:stretch}.btn-view-qr{justify-content:center;width:100%}.modal-qr-img{width:200px;height:200px}.mess-qr-meta-row{grid-template-columns:1fr}}.block-management-view{display:flex;flex-direction:column;gap:1.25rem;padding:0;width:100%}.block-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:1.25rem;width:100%}@media(min-width:640px)and (max-width:1023px){.block-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1rem!important}}@media(max-width:639px){.block-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.65rem!important}}.campusstay-block-card{position:relative;background-color:#fff;border-radius:14px;border:1px solid #E2E8F0;padding:1.2rem;box-shadow:0 1px 3px #0000000a,0 2px 6px #00000005;display:flex;flex-direction:column;justify-content:space-between;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;overflow:hidden;box-sizing:border-box}.campusstay-block-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000012;border-color:#cbd5e1}.block-card-top-section{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;position:relative;z-index:1}.block-card-identity{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.block-card-name-text{font-size:1.05rem;font-weight:800;color:#0f172a;margin:0;word-break:break-word;line-height:1.25}.block-hostel-type-badge{display:inline-flex;align-items:center;width:fit-content;padding:2.5px 8px;border-radius:6px;font-size:.725rem;font-weight:600;white-space:nowrap}.block-hostel-type-badge.boys{background-color:#eef2ff;color:#4338ca;border:1px solid #E0E7FF}.block-hostel-type-badge.girls{background-color:#fdf2f8;color:#be185d;border:1px solid #FCE7F3}.block-card-status-wrap{display:flex;align-items:center;gap:6px;flex-shrink:0;position:relative}.block-status-pill-badge{padding:3px 9px;border-radius:6px;font-size:.725rem;font-weight:700;white-space:nowrap;letter-spacing:.2px}.block-status-pill-badge.active{background-color:#10b981;color:#fff}.block-status-pill-badge.inactive{background-color:#f1f5f9;color:#64748b;border:1px solid #E2E8F0}.block-decorative-watermark{font-size:2.45rem;font-weight:900;color:#f1f5f9;line-height:1;-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;right:6px;top:6px;z-index:0;opacity:.8}.block-metrics-list{margin-top:1.15rem;display:flex;flex-direction:column;gap:8px;font-size:.875rem;position:relative;z-index:1}.block-metric-row{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.block-metric-label{color:#64748b;font-size:.825rem;font-weight:500;white-space:nowrap}.block-metric-value{font-weight:600;color:#0f172a;font-size:.85rem;text-align:right;font-variant-numeric:tabular-nums}.block-metric-value.vacancy-red{color:#ef4444;font-weight:700}.block-metric-value.vacancy-green{color:#10b981;font-weight:700}.block-card-action-footer{margin-top:1.15rem;padding-top:.75rem;border-top:1px solid #F1F5F9;display:flex;align-items:center;gap:8px;position:relative;z-index:1}.block-action-btn-item{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 10px;font-size:.775rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .15s ease;min-height:32px;text-decoration:none;border:1px solid transparent;-webkit-user-select:none;user-select:none}.block-action-btn-item.edit{background-color:#f8fafc;border-color:#e2e8f0;color:#334155}.block-action-btn-item.edit:hover{background-color:#f1f5f9;border-color:#cbd5e1;color:#0f172a}.block-action-btn-item.delete{background-color:#fef2f2;border-color:#fee2e2;color:#dc2626}.block-action-btn-item.delete:hover{background-color:#fee2e2;border-color:#fecaca;color:#b91c1c}@media(max-width:480px){.campusstay-block-card{padding:.8rem .65rem;border-radius:12px}.block-card-name-text{font-size:.88rem}.block-hostel-type-badge{font-size:.65rem;padding:1.5px 5px}.block-status-pill-badge{font-size:.65rem;padding:2px 6px}.block-decorative-watermark{font-size:1.6rem;right:4px;top:4px;opacity:.55}.block-metrics-list{margin-top:.85rem;gap:6px}.block-metric-label{font-size:.68rem}.block-metric-value{font-size:.72rem}.block-card-action-footer{margin-top:.85rem;padding-top:.6rem;gap:5px}.block-action-btn-item{font-size:.7rem;padding:5px 3px;min-height:28px;gap:3px}}@media(max-width:360px){.campusstay-block-card{padding:.65rem .5rem}.block-card-name-text{font-size:.82rem}.block-metric-label{font-size:.64rem}.block-metric-value{font-size:.68rem}.block-action-btn-item{font-size:.65rem;padding:4px 2px}}.allocation-view-container{display:flex;flex-direction:column;gap:1.25rem;width:100%;max-width:100%;box-sizing:border-box}.room-allocation-header-card{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.25rem}.room-allocation-title-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.room-allocation-main-title{font-size:clamp(1.4rem,2.5vw,1.85rem);font-weight:800;color:#0f172a;margin:0;letter-spacing:-.02em}.pending-allocations-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .85rem;background-color:#fef3c7;color:#92400e;border:1px solid #FCD34D;border-radius:9999px;font-size:.825rem;font-weight:700;letter-spacing:.01em;box-shadow:0 1px 2px #0000000d}.pending-badge-pulse-dot{width:8px;height:8px;border-radius:50%;background-color:#d97706;box-shadow:0 0 0 2px #d9770640;display:inline-block;animation:pulse-dot 2s infinite ease-in-out}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.allocation-search-wrap{position:relative;width:100%;box-sizing:border-box}.allocation-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none}.allocation-search-input{width:100%;box-sizing:border-box;padding:.8rem 2.75rem .8rem 2.85rem;border:1px solid #CBD5E1;border-radius:12px;background-color:#fff;font-size:.95rem;color:#0f172a;transition:all .2s ease;box-shadow:0 1px 3px #0000000a}.allocation-search-input:focus{outline:none;border-color:#1e3a8a;box-shadow:0 0 0 3px #1e3a8a1f}.allocation-search-clear{position:absolute;right:.85rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center}.allocation-search-clear:hover{color:#0f172a;background-color:#f1f5f9}.allocation-action-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.btn-navy-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.15rem;background:#151b54;color:#fff;border:1px solid #151B54;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #151b5426;min-height:44px;box-sizing:border-box}.btn-navy-primary:hover{background:#0e133c;border-color:#0e133c;box-shadow:0 4px 10px #151b5440}.btn-navy-primary:active{transform:scale(.98)}.btn-light-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.15rem;background:#fff;color:#334155;border:1px solid #CBD5E1;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d;min-height:44px;box-sizing:border-box}.btn-light-secondary:hover{background:#f8fafc;color:#0f172a;border-color:#94a3b8}.btn-danger-card{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.65rem 1rem;background:#ef4444;color:#fff;border:1px solid #EF4444;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:40px;box-sizing:border-box}.btn-danger-card:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 2px 6px #dc262640}.filter-active-badge{display:inline-flex;align-items:center;justify-content:center;width:7px;height:7px;border-radius:50%;background-color:#38bdf8;margin-left:2px}.pending-cards-container{display:flex;flex-direction:column;gap:1.25rem;width:100%}.pending-resident-card{background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px #0000000a;transition:all .2s ease;display:flex;flex-direction:column;gap:1.25rem;box-sizing:border-box;width:100%}.pending-resident-card:hover{box-shadow:0 8px 24px #00000014;border-color:#cbd5e1}.pending-card-top{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1rem;border-bottom:1px solid #F1F5F9;padding-bottom:1rem}.student-avatar-badge{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#151b54,#2563eb);color:#fff;font-weight:700;font-size:1.1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #151b5433}.student-identity-block{display:flex;flex-direction:column;gap:.15rem}.student-full-name{font-size:1.15rem;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.01em}.student-jntu-id{font-size:.85rem;font-weight:600;color:#475569;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.pending-submission-date{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;color:#64748b;background:#f8fafc;padding:.35rem .75rem;border-radius:8px;border:1px solid #E2E8F0}.pending-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.pending-grid-group{display:flex;flex-direction:column;gap:.45rem;background:#f8fafc;padding:.85rem 1rem;border-radius:10px;border:1px solid #F1F5F9}.pending-group-title{font-size:.7rem;font-weight:800;letter-spacing:.06em;color:#64748b;text-transform:uppercase;margin-bottom:.15rem}.pending-detail-line{display:flex;align-items:center;gap:.45rem;font-size:.875rem;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-detail-chips{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;margin-top:.25rem}.info-chip-tag{display:inline-flex;padding:.2rem .5rem;border-radius:6px;background:#fff;border:1px solid #CBD5E1;font-size:.75rem;font-weight:600;color:#334155}.preference-highlight{font-weight:600;color:#0f172a;display:flex;align-items:center;gap:.4rem}.preference-sub-specs{display:flex;flex-direction:column;gap:.2rem;font-size:.825rem;color:#475569;margin-top:.2rem}.verification-status-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.25rem 0}.verification-label{font-size:.8rem;color:#475569}.badge-verified{background-color:#def7ec;color:#03543f;border:1px solid #84E1BC;padding:.2rem .6rem;border-radius:9999px;font-size:.725rem;font-weight:700}.badge-pending{background-color:#fef3c7;color:#92400e;border:1px solid #FCD34D;padding:.2rem .6rem;border-radius:9999px;font-size:.725rem;font-weight:700}.badge-submitted{background-color:#eef2ff;color:#3730a3;border:1px solid #C7D2FE;padding:.2rem .6rem;border-radius:9999px;font-size:.725rem;font-weight:700}.pending-card-actions{display:flex;align-items:center;gap:.75rem;margin-top:.25rem;padding-top:1rem;border-top:1px solid #F1F5F9}.btn-card-action{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.65rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:40px;box-sizing:border-box}.btn-card-assign{background:#151b54;color:#fff;border:1px solid #151B54}.btn-card-assign:hover{background:#0e133c;border-color:#0e133c}.btn-card-reject{background:#ef4444;color:#fff;border:1px solid #EF4444}.btn-card-reject:hover{background:#dc2626;border-color:#dc2626}.btn-card-view{background:#fff;color:#334155;border:1px solid #CBD5E1}.btn-card-view:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a}.allocation-tabs-navigation{display:flex;align-items:center;gap:.5rem;border-bottom:2px solid #E2E8F0;padding-bottom:.5rem;margin-bottom:1rem;overflow-x:auto;scrollbar-width:none}.allocation-tabs-navigation::-webkit-scrollbar{display:none}.allocation-nav-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:8px;border:none;background:transparent;color:#64748b;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.allocation-nav-tab:hover{color:#0f172a;background:#f1f5f9}.allocation-nav-tab.active{color:#151b54;background:#eff6ff;font-weight:700}.allocation-tab-badge{display:inline-flex;align-items:center;justify-content:center;padding:.15rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:700;background:#e2e8f0;color:#334155}.allocation-nav-tab.active .allocation-tab-badge{background:#151b54;color:#fff}.allocation-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem 1.5rem;background:#fff;border:1px dashed #CBD5E1;border-radius:16px;text-align:center;color:#64748b;gap:.75rem}.empty-state-title{font-size:1.15rem;font-weight:700;color:#1e293b;margin:0}.empty-state-desc{font-size:.9rem;color:#64748b;margin:0;max-width:400px}.room-selection-list{display:flex;flex-direction:column;gap:.65rem;max-height:280px;overflow-y:auto;padding-right:4px}.room-select-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border:1px solid #E2E8F0;border-radius:10px;background:#fff;cursor:pointer;transition:all .2s ease}.room-select-item:hover{border-color:#151b54;background:#f8fafc}.room-select-item.selected{border-color:#151b54;background:#eff6ff;box-shadow:0 0 0 2px #151b5426}@media(max-width:480px){.pending-resident-card{padding:1rem .85rem;border-radius:12px}.pending-card-top{gap:.65rem;padding-bottom:.75rem}.student-avatar-badge{width:40px;height:40px;font-size:.95rem}.student-full-name{font-size:.98rem}.pending-card-grid{grid-template-columns:1fr;gap:.75rem}.pending-card-actions{flex-direction:row;gap:.45rem}.btn-card-action{font-size:.78rem;padding:.5rem;min-height:38px}.allocation-action-bar{width:100%;gap:.5rem}.btn-navy-primary,.btn-light-secondary{font-size:.8rem;padding:.55rem .75rem;min-height:38px}}@media(max-width:360px){.pending-resident-card{padding:.75rem .65rem}.pending-card-actions{flex-wrap:wrap}.btn-card-action{min-width:100%}}.mess-management-container{padding:1.5rem;max-width:1400px;margin:0 auto;min-height:calc(100vh - 70px);background-color:#f8fafc;box-sizing:border-box}.mess-header-section{display:flex;align-items:center;justify-content:flex-end;margin-bottom:.75rem;gap:1rem;flex-wrap:wrap}.management-content-body .mess-header-title-block,.management-content-body .mess-main-title,.management-content-body .mess-sub-title{display:none!important}.mess-header-title-block{display:flex;flex-direction:column;gap:.25rem}.mess-main-title{font-size:1.5rem;font-weight:700;color:#151b54;margin:0;letter-spacing:-.01em}.mess-sub-title{font-size:.875rem;color:#64748b;margin:0}.mess-header-controls{display:flex;align-items:center;gap:.75rem}.mess-live-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;padding:.35rem .65rem;border-radius:9999px;background-color:#f1f5f9;color:#475569}.mess-live-badge.connected{background-color:#ecfdf5;color:#059669}.mess-nav-tabs{display:flex;align-items:center;gap:.5rem;border-bottom:2px solid #E2E8F0;margin-bottom:1.25rem;overflow-x:auto;scrollbar-width:none}.mess-nav-tabs::-webkit-scrollbar{display:none}.mess-nav-tab-btn{background:none;border:none;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;color:#64748b;cursor:pointer;position:relative;transition:all .2s ease;white-space:nowrap;border-bottom:3px solid transparent;margin-bottom:-2px}.mess-nav-tab-btn:hover{color:#1e293b}.mess-nav-tab-btn.active{color:#2563eb;font-weight:700;border-bottom:3px solid #2563EB}.mess-tab-panel{display:flex;flex-direction:column;gap:1.25rem}.mess-toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.mess-section-meta{display:flex;align-items:center;gap:.75rem}.mess-panel-heading{font-size:1.15rem;font-weight:600;color:#0f172a;margin:0}.mess-count-indicator{font-size:.8rem;color:#64748b;background-color:#f1f5f9;padding:.2rem .6rem;border-radius:9999px;font-weight:500}.mess-date-selector-group{display:flex;align-items:center;gap:.5rem;background-color:#fff;border:1px solid #CBD5E1;padding:.35rem .65rem;border-radius:8px}.mess-date-input{border:none;background:transparent;font-size:.875rem;color:#1e293b;font-weight:500;outline:none}.meal-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.meal-config-card{background-color:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:.85rem;transition:transform .15s ease,box-shadow .15s ease}.meal-config-card:hover{box-shadow:0 4px 12px #00000012}.meal-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.meal-card-title{font-size:1.05rem;font-weight:700;color:#0f172a;margin:0}.meal-card-timing{display:flex;align-items:center;gap:.5rem;background-color:#f8fafc;padding:.5rem .75rem;border-radius:8px;border:1px solid #F1F5F9}.meal-timing-text{font-size:.875rem;font-weight:600;color:#334155}.meal-card-desc{font-size:.8rem;color:#64748b;margin:0;line-height:1.4}.meal-card-actions{display:flex;align-items:center;gap:.5rem;margin-top:auto;padding-top:.5rem;border-top:1px solid #F1F5F9}.analytics-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.analytics-summary-card{background-color:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:.5rem}.analytics-card-meal-name{font-size:.9rem;font-weight:600;color:#64748b}.analytics-card-total{font-size:1.85rem;font-weight:700;color:#151b54;line-height:1.2}.analytics-card-subcounts{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;padding-top:.4rem;border-top:1px solid #F1F5F9}.analytics-stat-allowed{color:#059669}.analytics-stat-denied{color:#dc2626}.analytics-chart-container{background-color:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:1.25rem}.analytics-chart-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.analytics-chart-title{font-size:1.05rem;font-weight:700;color:#0f172a;margin:0}.analytics-chart-legend{display:flex;align-items:center;gap:1rem}.legend-item{display:flex;align-items:center;gap:.4rem;font-size:.825rem;font-weight:500;color:#475569}.legend-box{width:12px;height:12px;border-radius:3px}.legend-box.allowed-box{background-color:#059669}.legend-box.denied-box{background-color:#dc2626}.chart-bars-wrap{display:flex;align-items:flex-end;justify-content:space-around;min-height:220px;padding-top:1rem;border-bottom:1px solid #E2E8F0;gap:1rem}.chart-meal-col{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;max-width:140px}.chart-bars-group{display:flex;align-items:flex-end;justify-content:center;gap:.5rem;height:170px;width:100%}.chart-bar-slot{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;width:28px}.bar-count-label{font-size:.725rem;font-weight:600;color:#475569;margin-bottom:.25rem}.chart-bar{width:100%;border-radius:4px 4px 0 0;transition:height .3s ease;min-height:6px}.chart-bar.bar-allowed{background-color:#059669}.chart-bar.bar-denied{background-color:#dc2626}.chart-col-label{font-size:.8rem;font-weight:600;color:#334155;text-align:center}.overall-distribution-section{background-color:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:1rem}.distribution-heading{font-size:1rem;font-weight:700;color:#0f172a;margin:0}.distribution-metrics-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.dist-metric-box{background-color:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;padding:.85rem;display:flex;flex-direction:column;gap:.35rem}.dist-label{font-size:.75rem;color:#64748b;font-weight:500}.dist-val{font-size:1.35rem;font-weight:700;color:#0f172a}.distribution-bar-track{height:10px;background-color:#fee2e2;border-radius:9999px;overflow:hidden}.distribution-bar-fill{height:100%;background-color:#059669;border-radius:9999px;transition:width .4s ease}.indent-header-intro{display:flex;flex-direction:column;gap:.25rem}.indent-main-heading{font-size:1.35rem;font-weight:700;color:#151b54;margin:0}.indent-sub-heading{font-size:.875rem;color:#64748b;margin:0}.mess-search-actions-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.indent-action-btns,.attendance-action-btns{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.indent-summary-cards-grid,.attendance-summary-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.indent-meal-card,.attendance-summary-card{background-color:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:1.15rem;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:.4rem}.indent-card-title,.attendance-card-title{font-size:.85rem;font-weight:600;color:#64748b}.indent-card-expected-total,.attendance-card-total{font-size:1.65rem;font-weight:700;color:#151b54;line-height:1.2}.indent-card-diet-breakdown,.attendance-card-subcounts{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;padding-top:.4rem;border-top:1px solid #F1F5F9}.diet-veg,.att-sub-allowed{color:#059669}.diet-nonveg{color:#64748b}.att-sub-absent{color:#d97706}.indent-records-header,.attendance-logs-header{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.records-count-text{font-size:.875rem;font-weight:600;color:#475569}.indent-students-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.indent-student-card{background-color:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:1rem 1.15rem;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:.75rem}.indent-card-top-row{display:flex;align-items:center;gap:.75rem}.indent-student-identity{display:flex;flex-direction:column;flex:1;min-width:0}.indent-student-name{font-size:.95rem;font-weight:700;color:#0f172a;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.indent-student-id{font-size:.78rem;color:#64748b;font-family:monospace}.indent-card-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem .75rem;background-color:#f8fafc;padding:.65rem .85rem;border-radius:8px;border:1px solid #F1F5F9}.indent-meta-item{display:flex;flex-direction:column;gap:.15rem}.meta-label{font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.meta-val{font-size:.8rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:360px){.mess-management-container{padding:.5rem}}.attendance-logs-list{display:flex;flex-direction:column;gap:.65rem}.attendance-log-row{background-color:#fff;border:1px solid #E2E8F0;border-radius:10px;padding:.85rem 1.15rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 1px 2px #0000000a}.attendance-log-left{display:flex;align-items:center;gap:.85rem;min-width:0}.att-student-info{display:flex;flex-direction:column;min-width:0}.att-student-name{font-size:.925rem;font-weight:700;color:#0f172a;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.att-student-id{font-size:.78rem;color:#64748b;font-family:monospace}.attendance-log-right{display:flex;align-items:center;gap:.85rem;flex-shrink:0}.badge-biometric{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:700;padding:.25rem .5rem;border-radius:6px;background-color:#eef2ff;color:#3730a3;letter-spacing:.02em}.att-datetime-block{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem}.att-time-text{font-size:.825rem;font-weight:600;color:#1e293b}.att-date-text{font-size:.725rem;color:#64748b}.att-meal-tag{font-size:.78rem;font-weight:600;color:#151b54;background-color:#f1f5f9;padding:.25rem .6rem;border-radius:6px}.badge-denied{background-color:#fee2e2;color:#dc2626}.form-checkbox-row{display:flex;align-items:center;gap:.5rem}.modal-checkbox-input{width:16px;height:16px;cursor:pointer}.form-checkbox-label{font-size:.875rem;font-weight:500;color:#334155;cursor:pointer}@media(max-width:768px){.mess-management-container{padding:1rem}.mess-header-section{flex-direction:column;align-items:stretch}.chart-bars-wrap{gap:.5rem}.chart-bar-slot{width:20px}.attendance-log-row{flex-direction:column;align-items:flex-start;gap:.75rem}.attendance-log-right{width:100%;justify-content:space-between}.att-datetime-block{align-items:flex-start}}@media(max-width:480px){.mess-management-container{padding:.75rem}.mess-main-title{font-size:1.3rem}.mess-nav-tabs{gap:.25rem}.mess-nav-tab-btn{padding:.6rem .85rem;font-size:.85rem}.mess-search-actions-bar{flex-direction:column;align-items:stretch}.search-field-wrap{width:100%}.indent-action-btns,.attendance-action-btns{width:100%;justify-content:flex-end}.indent-card-meta-grid{grid-template-columns:1fr}}@media(max-width:360px){.mess-management-container{padding:.5rem}.btn-navy-primary,.btn-light-secondary{font-size:.78rem;padding:.45rem .65rem}.analytics-card-total,.indent-card-expected-total,.attendance-card-total{font-size:1.4rem}}.modal-actions-left{display:flex;align-items:center;gap:.5rem;margin-right:auto}.leaves-cards-grid,.susp-cards-grid{display:flex;flex-direction:column;gap:1rem;padding:1rem}.leave-request-card,.suspension-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #0000000a;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;display:flex;flex-direction:column;gap:1rem}.leave-request-card:hover,.suspension-card:hover{box-shadow:0 4px 14px #0000000f;border-color:#cbd5e1}.leave-request-card.card-pending{border-left:4px solid #D97706;background:#fffdf9}.leave-request-card.card-active{border-left:4px solid #059669}.leave-request-card.card-rejected{border-left:4px solid #DC2626}.suspension-card.card-active-susp{border-left:4px solid #DC2626;background:#fffbfb}.suspension-card.card-lifted-susp{border-left:4px solid #059669}.suspension-card.card-expired-susp{border-left:4px solid #94A3B8}.card-actions-row{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;flex-wrap:wrap;padding-top:.6rem;border-top:1px solid #F1F5F9}.card-action-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:7px;font-size:.82rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s ease;text-decoration:none}.card-action-btn.view-act{background:#f1f5f9;color:#334155;border-color:#e2e8f0}.card-action-btn.view-act:hover{background:#e2e8f0;color:#0f172a}.card-action-btn.approve-act{background:#151b54;color:#fff}.card-action-btn.approve-act:hover{background:#1e2570}.card-action-btn.reject-act{background:#fef2f2;color:#dc2626;border-color:#fecaca}.card-action-btn.reject-act:hover{background:#fee2e2;color:#b91c1c}.card-action-btn.lift-act{background:#ecfdf5;color:#059669;border-color:#a7f3d0}.card-action-btn.lift-act:hover{background:#d1fae5;color:#047857}.card-action-btn.edit-act{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.card-action-btn.edit-act:hover{background:#dbeafe}.view-mode-toggle{display:inline-flex;align-items:center;background:#f1f5f9;border:1px solid #CBD5E1;border-radius:8px;padding:2px;gap:2px}.view-mode-btn{display:flex;align-items:center;justify-content:center;padding:.35rem .6rem;border-radius:6px;border:none;background:transparent;color:#64748b;cursor:pointer;transition:all .15s ease}.view-mode-btn:hover{color:#1e293b}.view-mode-btn.active{background:#fff;color:#151b54;box-shadow:0 1px 2px #00000014}.outing-cards-grid{display:flex;flex-direction:column;gap:1rem;padding:1rem}.outing-request-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #0000000a;transition:transform .15s ease,box-shadow .15s ease;display:flex;flex-direction:column;gap:1rem}.outing-request-card:hover{box-shadow:0 4px 14px #0000000f}.outing-request-card.card-pending{border-left:4px solid #D97706;background:#fffdf9}.card-top-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-bottom:1px solid #F1F5F9;padding-bottom:.85rem}.card-resident-ident{display:flex;align-items:center;gap:.85rem;flex:1;min-width:280px}.resident-name-block{display:flex;flex-direction:column;gap:.25rem}.resident-full-name{font-size:1.05rem;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.01em}.resident-pills-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;font-size:.74rem}.jntu-pill{font-family:monospace;font-weight:600;color:#475569;background:#f1f5f9;padding:2px 7px;border-radius:5px}.room-pill{display:inline-flex;align-items:center;gap:3px;font-weight:500;color:#1e293b;background:#f1f5f9;padding:2px 7px;border-radius:5px}.academic-pill{font-weight:500;color:#0369a1;background:#e0f2fe;padding:2px 7px;border-radius:5px}.card-status-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.45rem}.req-meta-row{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.req-number-tag{font-family:monospace;font-weight:700;color:#151b54;background:#eef2ff;padding:2px 7px;border-radius:5px}.applied-date-text{color:#94a3b8;font-size:.72rem}.tags-badges-row{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.emergency-badge{background:#fee2e2!important;color:#b91c1c!important;border:1px solid #FECACA!important;display:inline-flex;align-items:center;gap:3px}.card-info-grid{display:grid;grid-template-columns:1.2fr 1.2fr 1fr 1fr;gap:1rem;background:#f8fafc;padding:.85rem 1rem;border-radius:10px;border:1px solid #F1F5F9}.info-block{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem}.block-label{font-size:.7rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.block-value{font-weight:600;color:#1e293b;display:flex;align-items:center;gap:.35rem}.dest-val{color:#151b54}.val-icon{color:#64748b;flex-shrink:0}.purpose-desc-text{margin:0;font-size:.76rem;color:#475569;line-height:1.35;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.transit-window-row{display:flex;gap:.45rem;align-items:flex-start}.window-times{display:flex;flex-direction:column;gap:2px}.time-item{display:flex;gap:4px;font-size:.76rem}.time-lbl{color:#94a3b8;font-weight:600;width:32px}.time-val{color:#334155;font-weight:500}.contact-item{display:flex;align-items:center;gap:.4rem;font-size:.76rem;color:#334155}.email-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px}.transit-event{display:flex;align-items:center;gap:4px;font-size:.76rem;font-weight:600}.transit-event.exit{color:#7c3aed}.transit-event.return{color:#059669}.transit-pending-note{font-size:.75rem;color:#94a3b8;font-style:italic}.transit-none-note{color:#cbd5e1}.transit-outside-badge{display:inline-block;font-size:.7rem;font-weight:700;color:#6d28d9;background:#ede9fe;padding:1px 6px;border-radius:4px;width:fit-content;margin-top:2px}.card-rejection-banner{display:flex;align-items:center;gap:.5rem;background:#fef2f2;border:1px solid #FECACA;border-radius:8px;padding:.6rem .85rem;font-size:.78rem;color:#991b1b}.rejection-icon{flex-shrink:0;color:#dc2626}.card-actions-footer{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;flex-wrap:wrap}.card-actions-footer .btn-action{display:inline-flex;align-items:center;gap:.35rem;padding:.48rem .95rem;border-radius:7px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease}@media(max-width:1024px){.card-info-grid{grid-template-columns:1fr 1fr;gap:.85rem}}@media(max-width:768px){.outing-kpi-grid{grid-template-columns:repeat(3,1fr)}.card-top-bar{flex-direction:column;align-items:stretch}.card-status-meta{align-items:flex-start}.card-info-grid{grid-template-columns:1fr;gap:.75rem}.card-actions-footer{justify-content:stretch}.card-actions-footer .btn-action{flex:1;justify-content:center}}@media(max-width:480px){.outing-management-page{padding:.75rem .5rem}.outing-kpi-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.outing-main-title{font-size:1.3rem}.search-box{min-width:100%}.filter-select-group{width:100%;flex-direction:column;align-items:stretch}.select-wrapper,.date-input-wrapper,.filter-select,.filter-date-input{width:100%;box-sizing:border-box}.card-resident-ident{min-width:unset}.card-actions-footer{flex-direction:column}.card-actions-footer .btn-action{width:100%}}@media(max-width:360px){.outing-management-page{padding:.5rem .25rem}.outing-kpi-grid{grid-template-columns:1fr}.outing-request-card{padding:.85rem}}.mess-action-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background-color:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:.85rem 1.25rem;box-shadow:0 1px 3px #0000000a}.mess-filter-group{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.mess-input-control{border:1px solid #CBD5E1;background-color:#fff;border-radius:8px;padding:.45rem .75rem;font-size:.875rem;color:#1e293b;outline:none;transition:border-color .15s ease}.mess-input-control:focus{border-color:#151b54}.marking-stats-ribbon{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem}.marking-stat-card{background-color:#fff;border:1px solid #E2E8F0;border-radius:10px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.25rem;box-shadow:0 1px 2px #00000008}.marking-stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.marking-stat-value{font-size:1.35rem;font-weight:700;color:#0f172a}.btn-mark-ate{display:inline-flex;align-items:center;gap:.3rem;background-color:#10b981;color:#fff;border:none;padding:.4rem .8rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background-color .15s ease}.btn-mark-ate:hover{background-color:#059669}.btn-mark-ate:disabled{opacity:.5;cursor:not-allowed}.btn-mark-dne{display:inline-flex;align-items:center;gap:.3rem;background-color:#ef4444;color:#fff;border:none;padding:.4rem .8rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background-color .15s ease}.btn-mark-dne:hover{background-color:#dc2626}.btn-mark-dne:disabled{opacity:.5;cursor:not-allowed}.reports-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.reports-kpi-card{background-color:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:1.15rem;display:flex;flex-direction:column;gap:.4rem;box-shadow:0 1px 3px #0000000a;position:relative;overflow:hidden}.reports-kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.reports-kpi-card.kpi-total:before{background:#151b54}.reports-kpi-card.kpi-indented-ate:before{background:#10b981}.reports-kpi-card.kpi-no-indent-ate:before{background:#f59e0b}.reports-kpi-card.kpi-indented-not-ate:before{background:#ec4899}.reports-kpi-card.kpi-no-indent-not-ate:before{background:#64748b}.reports-kpi-card.kpi-pending:before{background:#8b5cf6}.reports-kpi-title{font-size:.775rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.reports-kpi-count{font-size:1.85rem;font-weight:800;color:#0f172a;line-height:1.1}.reports-kpi-desc{font-size:.775rem;color:#94a3b8}.reconciliation-integrity-banner{background-color:#f8fafc;border:1px solid #E2E8F0;border-left:4px solid #151B54;border-radius:8px;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.85rem;color:#334155}.category-subnav-tabs{display:flex;align-items:center;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;border-bottom:1px solid #E2E8F0}.category-subnav-btn{background:none;border:none;padding:.55rem 1rem;font-size:.85rem;font-weight:500;color:#64748b;border-radius:8px 8px 0 0;cursor:pointer;white-space:nowrap;transition:all .15s ease;position:relative}.category-subnav-btn:hover{color:#151b54;background-color:#f1f5f9}.category-subnav-btn.active{color:#151b54;font-weight:600;background-color:#fff;box-shadow:0 -2px #151b54 inset}.export-btn-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.btn-export-excel{display:inline-flex;align-items:center;gap:.4rem;background-color:#059669;color:#fff;border:none;padding:.45rem .9rem;border-radius:8px;font-size:.825rem;font-weight:600;cursor:pointer;transition:background-color .15s ease}.btn-export-excel:hover{background-color:#047857}.btn-export-csv{display:inline-flex;align-items:center;gap:.4rem;background-color:#2563eb;color:#fff;border:none;padding:.45rem .9rem;border-radius:8px;font-size:.825rem;font-weight:600;cursor:pointer;transition:background-color .15s ease}.btn-export-csv:hover{background-color:#1d4ed8}.mess-report-table-wrapper{background-color:#fff;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.mess-report-table{width:100%;border-collapse:collapse;text-align:left}.mess-report-table th{background-color:#f8fafc;padding:.85rem 1rem;font-size:.775rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#475569;border-bottom:1px solid #E2E8F0}.mess-report-table td{padding:.85rem 1rem;font-size:.85rem;color:#1e293b;border-bottom:1px solid #F1F5F9;vertical-align:middle}.mess-report-table tr:hover td{background-color:#f8fafc}.mess-filter-controls-bar{padding:.85rem 1.25rem;background:#fff;border-bottom:1px solid #E2E8F0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.filter-controls-left{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.filter-dropdown-container{position:relative}.btn-filter-dropdown{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem;background:#fff;border:1.5px solid #CBD5E1;border-radius:9px;color:#1e293b;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 1px 2px #0000000a;transition:all .15s ease-in-out}.btn-filter-dropdown:hover{border-color:#94a3b8;background:#f8fafc}.btn-filter-dropdown.active{border-color:#151b54;background:#eef2ff;color:#151b54}.btn-filter-dropdown .filter-icon{color:#151b54}.btn-filter-dropdown .filter-label{color:#64748b;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.btn-filter-dropdown .filter-selected-name{font-weight:700;color:#0f172a}.btn-filter-dropdown .filter-count-badge{background:#151b54;color:#fff;font-size:.725rem;font-weight:750;padding:.15rem .5rem;border-radius:12px;line-height:1}.btn-filter-dropdown .filter-chevron{color:#64748b;transition:transform .2s ease}.btn-filter-dropdown .filter-chevron.open{transform:rotate(180deg)}.filter-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:50;min-width:270px;background:#fff;border:1px solid #E2E8F0;border-radius:12px;box-shadow:0 12px 28px -4px #0f172a26,0 4px 10px -2px #0f172a0f;padding:.4rem;animation:scaleUp .16s cubic-bezier(.16,1,.3,1)}.filter-dropdown-header{padding:.5rem .75rem .35rem;font-size:.725rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.filter-dropdown-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.55rem .75rem;border-radius:8px;border:none;background:transparent;color:#334155;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .12s ease;text-align:left}.filter-dropdown-item:hover{background:#f1f5f9;color:#0f172a}.filter-dropdown-item.selected{background:#eef2ff;color:#151b54;font-weight:700}.filter-item-left{display:flex;align-items:center;gap:.6rem}.filter-item-count{font-size:.75rem;font-weight:700;color:#64748b;background:#f1f5f9;padding:.15rem .45rem;border-radius:6px}.filter-item-count.selected{background:#151b54;color:#fff}.btn-clear-filter{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .75rem;background:#f8fafc;border:1px dashed #CBD5E1;border-radius:8px;color:#64748b;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-clear-filter:hover{background:#f1f5f9;border-color:#94a3b8;color:#0f172a}.filter-results-meta{font-size:.825rem;color:#64748b;display:flex;align-items:center;gap:.85rem}.filter-results-meta strong{color:#0f172a;font-weight:700}.mess-view-toggle{display:inline-flex;align-items:center;background:#f1f5f9;padding:3px;border-radius:8px;gap:2px;border:1px solid #E2E8F0}.mess-view-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:6px;border:none;background:transparent;color:#64748b;font-size:.775rem;font-weight:600;cursor:pointer;transition:all .15s ease}.mess-view-btn:hover{color:#0f172a}.mess-view-btn.active{background:#fff;color:#151b54;font-weight:700;box-shadow:0 1px 2px #00000014}.mess-roster-container{padding:1.25rem}.mess-roster-table-card{background:#fff;border:1px solid #E2E8F0;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0f172a0d}.mess-roster-table{width:100%;border-collapse:collapse;text-align:left}.mess-roster-table th{background:#f8fafc;padding:.85rem 1.15rem;font-size:.75rem;font-weight:750;text-transform:uppercase;letter-spacing:.04em;color:#475569;border-bottom:1px solid #E2E8F0}.mess-roster-table td{padding:.9rem 1.15rem;font-size:.875rem;color:#1e293b;border-bottom:1px solid #F1F5F9;vertical-align:middle}.mess-roster-table tr:hover td{background-color:#f8fafc}.mess-roster-table tr:last-child td{border-bottom:none}.roster-student-cell{display:flex;align-items:center;gap:.85rem}.roster-avatar{width:40px;height:40px;border-radius:10px;background:#eef2ff;color:#151b54;font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center;border:1px solid #C7D2FE;flex-shrink:0}.roster-avatar.ate{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.roster-student-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.roster-student-name{font-weight:750;color:#0f172a;font-size:.925rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-student-roll{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.725rem;color:#475569;font-weight:600}.roster-room-pill{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;color:#334155;font-weight:600}.roster-room-pill svg{color:#64748b}.roster-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:700;padding:.25rem .65rem;border-radius:6px;line-height:1}.roster-badge.indent-kept{background:#ecfdf5;color:#065f46;border:1px solid #A7F3D0}.roster-badge.indent-skipped{background:#faf5ff;color:#6b21a8;border:1px solid #E9D5FF}.roster-badge.indent-none{background:#f8fafc;color:#64748b;border:1px solid #E2E8F0}.roster-badge.att-ate{background:#d1fae5;color:#047857;border:1px solid #6EE7B7}.roster-badge.att-absent{background:#fef2f2;color:#dc2626;border:1px solid #FECACA}.roster-badge.att-pending{background:#fef3c7;color:#92400e;border:1px solid #FDE68A}.roster-action-group{display:inline-flex;align-items:center;background:#f8fafc;border:1.5px solid #E2E8F0;border-radius:8px;padding:2px;gap:2px}.roster-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .75rem;border-radius:6px;border:none;font-size:.775rem;font-weight:600;cursor:pointer;transition:all .15s ease;background:transparent;color:#64748b}.roster-btn:hover{background:#edf2f7;color:#1e293b}.roster-btn.active-ate{background:#10b981;color:#fff;font-weight:700;box-shadow:0 1px 2px #10b98140}.roster-btn.active-absent{background:#ef4444;color:#fff;font-weight:700;box-shadow:0 1px 2px #ef444440}.roster-detail-link{border:none;background:transparent;cursor:pointer;padding:.35rem;border-radius:6px;color:#94a3b8;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.roster-detail-link:hover{background:#eef2ff;color:#151b54}.mess-students-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.15rem;padding:1.25rem}.mess-student-card{background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:1.15rem;display:flex;flex-direction:column;justify-content:space-between;gap:.85rem;box-shadow:0 1px 3px #0f172a0d;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;position:relative;overflow:hidden}.mess-student-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px -4px #0f172a14;border-color:#cbd5e1}.mess-student-card.state-ate{border-color:#a7f3d0}.student-card-click-area{cursor:pointer;display:flex;flex-direction:column;gap:.75rem}.student-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.student-card-identity{display:flex;align-items:center;gap:.75rem;overflow:hidden;flex:1}.student-card-avatar{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.05rem;flex-shrink:0;background:#eef2ff;color:#151b54;border:1px solid #C7D2FE}.mess-student-card.state-ate .student-card-avatar{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.student-card-meta-wrap{display:flex;flex-direction:column;gap:.2rem;overflow:hidden;min-width:0}.student-card-name{font-size:.95rem;font-weight:750;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}.student-card-roll{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.725rem;font-weight:700;color:#475569;background:#f1f5f9;border:1px solid #E2E8F0;padding:.1rem .45rem;border-radius:5px;width:fit-content;letter-spacing:.02em}.student-card-ext-btn{border:none;background:transparent;cursor:pointer;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:all .15s ease;flex-shrink:0}.student-card-ext-btn:hover{background:#f1f5f9;color:#151b54}.student-card-room-bar{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;padding:.4rem .65rem;border-radius:7px;border:1px solid #F1F5F9;font-size:.75rem}.room-bar-left{display:flex;align-items:center;gap:.35rem;color:#475569;font-weight:600}.room-bar-right{font-weight:700;color:#1e293b}.student-card-chips-row{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.chip-indent{display:inline-flex;align-items:center;gap:.3rem;font-size:.725rem;font-weight:700;padding:.2rem .55rem;border-radius:6px;line-height:1}.chip-indent.kept{background:#ecfdf5;color:#065f46;border:1px solid #A7F3D0}.chip-indent.skipped{background:#faf5ff;color:#6b21a8;border:1px solid #E9D5FF}.chip-indent.none{background:#f8fafc;color:#64748b;border:1px solid #E2E8F0}.chip-attendance{display:inline-flex;align-items:center;gap:.3rem;font-size:.725rem;font-weight:800;padding:.2rem .55rem;border-radius:6px;line-height:1;text-transform:uppercase;letter-spacing:.03em}.chip-attendance.ate{background:#d1fae5;color:#047857;border:1px solid #6EE7B7}.chip-attendance.absent{background:#fef2f2;color:#dc2626;border:1px solid #FECACA}.chip-attendance.pending{background:#fef3c7;color:#b45309;border:1px solid #FDE68A}.student-card-actions{border-top:1px solid #F1F5F9;padding-top:.65rem;display:flex;align-items:center;gap:.45rem}.btn-card-action{flex:1;padding:.45rem .55rem;border-radius:8px;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.35rem;cursor:pointer;transition:all .15s ease-in-out;border:1.5px solid transparent}.btn-card-action.btn-ate-inactive{background:#fff;border-color:#86efac;color:#047857}.btn-card-action.btn-ate-inactive:hover{background:#ecfdf5;border-color:#10b981;color:#065f46}.btn-card-action.btn-ate-active{background:#10b981;border-color:#10b981;color:#fff;box-shadow:0 2px 4px #10b98140}.btn-card-action.btn-ate-active:hover{background:#059669;border-color:#059669}.btn-card-action.btn-absent-inactive{background:#fff;border-color:#fecaca;color:#dc2626}.btn-card-action.btn-absent-inactive:hover{background:#fef2f2;border-color:#f87171;color:#b91c1c}.btn-card-action.btn-absent-active{background:#ef4444;border-color:#ef4444;color:#fff;box-shadow:0 2px 4px #ef444440}.btn-card-action.btn-absent-active:hover{background:#dc2626;border-color:#dc2626}@keyframes wave{0%{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-8deg)}45%{transform:rotate(14deg)}60%{transform:rotate(-4deg)}75%{transform:rotate(10deg)}to{transform:rotate(0)}}.wave-hand{display:inline-block;transform-origin:70% 70%;animation:wave 2s infinite}.campusly-search-input-group{position:relative;display:inline-flex;align-items:center;width:100%;max-width:420px}.campusly-search-input{width:100%;height:44px;padding:0 1.25rem 0 2.8rem;background-color:#fff;border:1.5px solid #E5E7EB;border-radius:9999px;font-size:.875rem;color:#111827;font-family:var(--font-family);outline:none;box-shadow:0 2px 8px #0000000a;transition:all .2s cubic-bezier(.4,0,.2,1)}.campusly-search-input::placeholder{color:#9ca3af;font-weight:400}.campusly-search-input:focus{border-color:#5b4fcf;box-shadow:0 0 0 4px #5b4fcf1f,0 4px 12px #5b4fcf14;background-color:#fff}.campusly-search-icon{position:absolute;left:1.1rem;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:2;transition:color .2s ease}.campusly-search-input-group:focus-within .campusly-search-icon{color:#5b4fcf}.campusly-btn-export-csv{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.35rem;height:42px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:30px;font-size:.83rem;font-weight:600;font-family:var(--font-family);cursor:pointer;box-shadow:0 4px 12px #10b98140;transition:all .2s ease}.campusly-btn-export-csv:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 6px 16px #10b98159}.campusly-btn-export-pdf{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.35rem;height:42px;background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;border:none;border-radius:30px;font-size:.83rem;font-weight:600;font-family:var(--font-family);cursor:pointer;box-shadow:0 4px 12px #f43f5e40;transition:all .2s ease}.campusly-btn-export-pdf:hover:not(:disabled){background:linear-gradient(135deg,#e11d48,#be123c);transform:translateY(-1px);box-shadow:0 6px 16px #f43f5e59}.campusly-btn-filter{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.35rem;height:42px;background:linear-gradient(145deg,#1e1b4b,#151846);color:#fff;border:none;border-radius:30px;font-size:.83rem;font-weight:600;font-family:var(--font-family);cursor:pointer;box-shadow:0 4px 12px #1e1b4b40;transition:all .2s ease}.campusly-btn-filter:hover:not(:disabled){background:linear-gradient(145deg,#2d276a,#1e1b4b);transform:translateY(-1px);box-shadow:0 6px 16px #1e1b4b59}.campusly-navy-card{background:linear-gradient(145deg,#1a1f5a,#131642);color:#fff;border-radius:16px;padding:1.35rem 1.5rem;display:flex;flex-direction:column;gap:.4rem;box-shadow:0 12px 28px -6px #1a1f5a59;border:1px solid rgba(255,255,255,.08);transition:transform .2s ease,box-shadow .2s ease}.campusly-navy-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px -4px #1a1f5a73}.campusly-navy-card-title{font-size:.95rem;font-weight:600;color:#e2e8f0;letter-spacing:.01em}.campusly-navy-card-value{font-size:2.3rem;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-.02em}.campusly-navy-card-footer{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;font-weight:600;padding-top:.6rem;margin-top:.3rem;border-top:1px solid rgba(255,255,255,.12)}.campusly-allowed-text{color:#34d399}.campusly-absent-text{color:#f87171}.campusly-navy-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #0000000d}.campusly-navy-table th{background:#1a1f5a!important;color:#fff!important;font-size:.78rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.06em!important;padding:.9rem 1.1rem!important;border:none!important}.campusly-navy-table td{padding:.85rem 1.1rem;border-bottom:1px solid #F1F5F9;background-color:#fff;font-size:.875rem;color:#1e293b}.campusly-search-input-group,.search-box,.search-container,.filter-search-box,.search-input-wrapper{position:relative!important;display:inline-flex!important;align-items:center!important;width:100%!important;max-width:420px!important}.campusly-search-input,.search-box input[type=text],.search-container input[type=text],.filter-search-box input[type=text],.search-input-wrapper input[type=text],input.search-input{width:100%!important;height:44px!important;padding-left:2.8rem!important;padding-right:2.4rem!important;background-color:#fff!important;border:1.5px solid #E5E7EB!important;border-radius:9999px!important;font-size:.875rem!important;color:#111827!important;font-family:var(--font-family)!important;outline:none!important;box-shadow:0 2px 6px #0000000a!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.campusly-search-input::placeholder,.search-box input[type=text]::placeholder,.search-container input[type=text]::placeholder,.filter-search-box input[type=text]::placeholder,.search-input-wrapper input[type=text]::placeholder,input.search-input::placeholder{color:#9ca3af!important;font-weight:400!important}.campusly-search-input:focus,.search-box input[type=text]:focus,.search-container input[type=text]:focus,.filter-search-box input[type=text]:focus,.search-input-wrapper input[type=text]:focus,input.search-input:focus{border-color:#5b4fcf!important;box-shadow:0 0 0 4px #5b4fcf1f,0 4px 12px #5b4fcf14!important;background-color:#fff!important}.campusly-search-icon,.campusly-search-icon-right,.search-box .search-icon,.search-container .search-icon,.filter-search-box .search-icon,.search-input-wrapper .search-icon,.search-box svg:first-child,.filter-search-box svg:first-child{position:absolute!important;left:1rem!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;color:#64748b!important;pointer-events:none!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:2!important;width:18px!important;height:18px!important;transition:color .2s ease!important}.campusly-search-input-group:focus-within .campusly-search-icon,.search-box:focus-within .search-icon,.search-container:focus-within .search-icon,.filter-search-box:focus-within .search-icon,.search-input-wrapper:focus-within .search-icon,.search-box:focus-within svg:first-child{color:#5b4fcf!important}.search-clear-btn{position:absolute!important;right:.85rem!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;background:transparent!important;border:none!important;color:#9ca3af!important;cursor:pointer!important;padding:.2rem!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;z-index:3!important}.search-clear-btn:hover{color:#4b5563!important;background-color:#f3f4f6!important}.btn-export-csv{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.35rem;height:42px;background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border:none!important;border-radius:30px!important;font-size:.83rem!important;font-weight:600!important;font-family:var(--font-family)!important;cursor:pointer;box-shadow:0 4px 12px #10b98140!important;transition:all .2s ease!important}.btn-export-pdf{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.35rem;height:42px;background:linear-gradient(135deg,#f43f5e,#e11d48)!important;color:#fff!important;border:none!important;border-radius:30px!important;font-size:.83rem!important;font-weight:600!important;font-family:var(--font-family)!important;cursor:pointer;box-shadow:0 4px 12px #f43f5e40!important;transition:all .2s ease!important}.btn-filter,.btn-filter-pill{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.35rem;height:42px;background:linear-gradient(145deg,#1e1b4b,#151846)!important;color:#fff!important;border:none!important;border-radius:30px!important;font-size:.83rem!important;font-weight:600!important;font-family:var(--font-family)!important;cursor:pointer;box-shadow:0 4px 12px #1e1b4b40!important;transition:all .2s ease!important}.allocation-tabs-navigation{display:inline-flex;align-items:center;gap:.5rem;background:#fff;padding:.4rem .5rem;border-radius:14px;box-shadow:0 2px 10px #0000000a;border:1px solid #E2E8F0;margin-bottom:1.5rem}.allocation-nav-tab{display:inline-flex;align-items:center;gap:.55rem;padding:.65rem 1.25rem;border-radius:10px;border:none;background:transparent;color:#64748b;font-size:.88rem;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.allocation-nav-tab:hover{background:#f5f3ff;color:#5b4fcf}.allocation-nav-tab.active{background:linear-gradient(135deg,#5b4fcf,#7c3aed)!important;color:#fff!important;box-shadow:0 4px 14px #5b4fcf52}.allocation-tab-badge{padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:700;background:#f1f5f9;color:#475569;transition:all .2s ease}.allocation-nav-tab.active .allocation-tab-badge{background:#ffffff40;color:#fff}.room-allocation-header-card{background:#fff;border-radius:16px;padding:1.25rem 1.5rem;border:1px solid #E5E7EB;box-shadow:0 4px 16px #00000008;margin-bottom:1.25rem;display:flex;align-items:center;justify-content:space-between}.room-allocation-title-row{display:flex;align-items:center;gap:1rem}.room-allocation-main-title{font-size:1.5rem;font-weight:800;color:#111827;margin:0;font-family:var(--font-family);letter-spacing:-.01em}.pending-allocations-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .95rem;border-radius:30px;background:#eff6ff;color:#2563eb;font-weight:600;font-size:.82rem;border:1px solid #DBEAFE}.pending-badge-pulse-dot{width:8px;height:8px;border-radius:50%;background-color:#2563eb;box-shadow:0 0 #2563ebb3;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #2563ebb3}70%{box-shadow:0 0 0 8px #2563eb00}to{box-shadow:0 0 #2563eb00}}.allocation-action-bar{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.btn-navy-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.35rem;height:42px;background:linear-gradient(145deg,#1e1b4b,#151846);color:#fff;border:none;border-radius:30px;font-size:.83rem;font-weight:600;font-family:var(--font-family);cursor:pointer;box-shadow:0 4px 12px #1e1b4b40;transition:all .2s ease}.btn-navy-primary:hover{background:linear-gradient(145deg,#2d276a,#1e1b4b);transform:translateY(-1px);box-shadow:0 6px 16px #1e1b4b59}.btn-light-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;height:42px;background:#fff;color:#374151;border:1.5px solid #E5E7EB;border-radius:30px;font-size:.83rem;font-weight:600;font-family:var(--font-family);cursor:pointer;box-shadow:0 2px 6px #00000008;transition:all .2s ease}.btn-light-secondary:hover:not(:disabled){background:#f9fafb;border-color:#cbd5e1;color:#111827}.pending-cards-container{display:flex;flex-direction:column;gap:1.25rem}.pending-resident-card{background:#fff;border-radius:16px;border:1px solid #E2E8F0;box-shadow:0 4px 20px #0000000a;padding:1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.pending-resident-card:hover{border-color:#cbd5e1;box-shadow:0 12px 32px -4px #5b4fcf1f;transform:translateY(-2px)}.pending-card-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid #F1F5F9}.pending-student-info{display:flex;align-items:center;gap:1rem}.student-avatar-badge{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#5b4fcf,#7c3aed);color:#fff;font-weight:700;font-size:1.05rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #5b4fcf40;flex-shrink:0}.student-identity-block{display:flex;flex-direction:column;gap:.2rem}.student-full-name{font-size:1.15rem;font-weight:700;color:#111827;margin:0;line-height:1.2}.student-jntu-id{font-size:.78rem;font-weight:600;color:#5b4fcf;background:#f3f0ff;padding:2px 8px;border-radius:6px;display:inline-block;width:fit-content}.pending-submission-date{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#64748b;font-weight:500;background:#f8fafc;padding:.35rem .75rem;border-radius:20px;border:1px solid #F1F5F9}.pending-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;padding:1.1rem 1.25rem;background:#f8fafc;border-radius:14px;margin:1.1rem 0;border:1px solid #F1F5F9}.pending-grid-group{display:flex;flex-direction:column;gap:.35rem}.pending-group-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:.2rem}.pending-detail-line{display:flex;align-items:center;gap:.45rem;font-size:.85rem;color:#1e293b;font-weight:500}.pending-detail-chips{display:flex;gap:.4rem;margin-top:.3rem}.info-chip-tag{background:#fff;border:1px solid #E2E8F0;padding:2px 8px;border-radius:6px;font-size:.75rem;color:#475569;font-weight:600}.preference-highlight{display:flex;align-items:center;gap:.45rem;font-size:.88rem;font-weight:700;color:#5b4fcf}.preference-sub-specs{display:flex;gap:.75rem;font-size:.78rem;color:#64748b;margin-top:.2rem}.verification-status-row{display:flex;align-items:center;justify-content:space-between;font-size:.82rem}.status-badge.badge-submitted{background:#dcfce7;color:#15803d;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:700}.pending-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-top:1.1rem}.btn-card-action{font-family:var(--font-family);font-size:.83rem;font-weight:600;padding:.6rem 1.3rem;border-radius:30px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.btn-card-view{background:#f1f5f9;color:#334155;border:1px solid #CBD5E1}.btn-card-view:hover{background:#e2e8f0;color:#0f172a}.btn-card-assign{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;box-shadow:0 4px 12px #10b98140}.btn-card-assign:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 6px 16px #10b98159}.btn-card-reject{background:#fef2f2;color:#dc2626;border:1px solid #FCA5A5}.btn-card-reject:hover{background:#fee2e2;color:#b91c1c}.rooms-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;margin-top:1.25rem}.room-display-card{background:#fff;border-radius:16px;border:1px solid #E2E8F0;padding:1.25rem;box-shadow:0 4px 16px #00000008;display:flex;flex-direction:column;justify-content:space-between;transition:all .2s ease}.room-display-card:hover{border-color:#cbd5e1;box-shadow:0 10px 24px #00000012;transform:translateY(-2px)}.room-card-head{display:flex;align-items:flex-start;justify-content:space-between}.room-filter-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:#fff;padding:.85rem 1.1rem;border-radius:14px;border:1px solid #E5E7EB;box-shadow:0 2px 8px #00000008}.room-filter-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.room-filter-select{height:40px;padding:0 1rem;border:1.5px solid #E5E7EB;border-radius:30px;font-size:.83rem;color:#374151;background:#fff;font-family:var(--font-family);font-weight:500;outline:none;cursor:pointer;transition:all .2s ease}.room-filter-select:focus{border-color:#5b4fcf;box-shadow:0 0 0 3px #5b4fcf1f}.room-allocation-top-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;background:#fff;padding:1rem 1.25rem;border-radius:14px;border:1px solid #E2E8F0;box-shadow:0 1px 3px #0000000a;margin-bottom:1rem}.room-allocation-title-group{display:flex;align-items:center;gap:.85rem}.room-allocation-main-title{font-size:1.45rem;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.01em}.pending-allocations-badge{display:inline-flex;align-items:center;gap:.5rem;background:#e0f2fe;color:#0369a1;font-size:.825rem;font-weight:600;padding:.35rem .85rem;border-radius:9999px}.room-allocation-toolbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.allocation-search-pill{position:relative;display:flex;align-items:center;flex:1 1 280px;min-width:240px}.search-pill-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none;transition:color .15s ease}.allocation-search-pill:focus-within .search-pill-icon{color:#2563eb}.search-pill-input{width:100%;height:40px;padding:0 2.2rem 0 2.5rem;border:1.5px solid #E2E8F0;border-radius:9999px;font-size:.85rem;font-weight:500;color:#0f172a;background:#fff;outline:none;box-shadow:0 1px 3px #0000000a;transition:all .2s cubic-bezier(.4,0,.2,1)}.search-pill-input::placeholder{color:#94a3b8;font-weight:400}.search-pill-input:hover{border-color:#cbd5e1;box-shadow:0 2px 6px #0000000f}.search-pill-input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f,0 2px 6px #0000000d}.search-pill-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#94a3b8;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;cursor:pointer;transition:all .15s ease}.search-pill-clear:hover{background:#f1f5f9;color:#1e293b}.search-pill-clear:hover{color:#0f172a}.btn-navy-action{height:40px;padding:0 1.15rem;background:#151b54;color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .15s ease}.btn-navy-action:hover{background:#1e2778}.btn-ghost-action{height:40px;padding:0 1rem;background:#f8fafc;color:#334155;border:1px solid #CBD5E1;border-radius:8px;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:.45rem;cursor:pointer;transition:all .15s ease}.btn-ghost-action:hover{background:#f1f5f9;border-color:#94a3b8}.allocation-subtabs-row{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem;border-bottom:1px solid #E2E8F0;padding-bottom:.5rem}.allocation-subtab-item{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1rem;border-radius:8px;border:none;background:transparent;color:#64748b;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease}.allocation-subtab-item:hover{color:#0f172a;background:#f8fafc}.allocation-subtab-item.active{color:#151b54;background:#eef2ff}.subtab-count-pill{font-size:.75rem;background:#e2e8f0;color:#334155;padding:.15rem .5rem;border-radius:9999px;font-weight:700}.allocation-subtab-item.active .subtab-count-pill{background:#151b54;color:#fff}.pending-resident-card{background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:1.25rem 1.5rem;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;gap:1rem;transition:all .2s ease}.pending-resident-card:hover{box-shadow:0 6px 18px #0000000f;border-color:#cbd5e1}.pending-card-header-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #F1F5F9;padding-bottom:.85rem}.pending-student-info{display:flex;align-items:center;gap:.85rem}.student-avatar-badge{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#151b54,#3b82f6);color:#fff;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center}.student-identity-block{display:flex;flex-direction:column}.student-full-name{font-size:1.05rem;font-weight:700;color:#0f172a;margin:0;letter-spacing:.02em;text-transform:uppercase}.student-jntu-id{font-size:.825rem;font-weight:600;color:#64748b;font-family:ui-monospace,SFMono-Regular,monospace}.pending-submission-date{font-size:.8rem;color:#64748b;font-weight:500}.pending-card-details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(max-width:900px){.pending-card-details-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.pending-card-details-grid{grid-template-columns:1fr}}.detail-col{display:flex;flex-direction:column;gap:.3rem}.col-heading{font-size:.7rem;font-weight:800;color:#94a3b8;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.2rem}.detail-row{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#334155}.col-bold-text{font-size:.875rem;font-weight:700;color:#0f172a}.col-sub-text{font-size:.8rem;color:#64748b}.status-badge-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.8rem}.badge-meta-label{color:#64748b}.badge-pill{font-size:.7rem;font-weight:700;padding:.2rem .6rem;border-radius:9999px;text-transform:uppercase}.badge-amber{background:#fef3c7;color:#d97706}.badge-sky{background:#e0f2fe;color:#0284c7}.pending-card-actions-bar{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;margin-top:.25rem}.btn-card-action{height:36px;padding:0 1.1rem;border-radius:8px;font-size:.825rem;font-weight:600;display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;border:none;transition:all .15s ease}.btn-assign-navy{background:#151b54;color:#fff}.btn-assign-navy:hover{background:#1e2778}.btn-reject-red{background:#dc2626;color:#fff}.btn-reject-red:hover{background:#b91c1c}.btn-view-gray{background:#f1f5f9;color:#334155;border:1px solid #CBD5E1}.btn-view-gray:hover{background:#e2e8f0}.mobile-scroll-hint{display:none}@media screen and (max-width:768px){html,body{overflow-x:hidden!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;box-sizing:border-box!important;-webkit-text-size-adjust:100%!important}#root{overflow-x:hidden!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.portal-layout,.portal-layout.management-layout,.portal-main-area,.portal-main-area.management-main-area{width:100%!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}.portal-content-body{width:100%!important;max-width:100%!important;padding:.75rem .6rem!important;box-sizing:border-box!important;overflow-x:hidden!important}.table-responsive,.fee-table-responsive,.fee-table-container,.fee-table-wrapper,.admin-notif-table-wrapper,.user-table-wrapper,.user-table-responsive,.log-table-container,.log-table-wrapper,.olh-table-wrapper,.outing-table-wrapper,.leaves-table-wrapper,.mess-roster-table-card,.mess-report-table-wrapper,.history-table-container,.table-container{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;margin-bottom:1rem!important;touch-action:pan-x pan-y!important;overscroll-behavior-x:contain!important}.table-responsive>table,.fee-table-responsive>table,.fee-table-container>table,.fee-table-wrapper>table,.admin-notif-table-wrapper>table,.user-table-wrapper>table,.user-table-responsive>table,.log-table-container>table,.log-table-wrapper>table,.olh-table-wrapper>table,.outing-table-wrapper>table,.leaves-table-wrapper>table,.mess-roster-table-card>table,.mess-report-table-wrapper>table,.history-table-container>table,.table-container>table,table.log-data-table,table.fee-data-table,table.user-data-table,table.admin-notif-table,table.leaves-table,table.outing-table,table.mess-roster-table,table.mess-report-table,table.mess-history-table{min-width:540px!important;width:100%!important}.outing-log-page{padding:.75rem .5rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.mobile-scroll-hint{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;font-size:.75rem!important;font-weight:600!important;color:#6366f1!important;margin-bottom:.5rem!important;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite!important}.table-responsive::-webkit-scrollbar,.log-table-container::-webkit-scrollbar,.fee-table-responsive::-webkit-scrollbar,.user-table-responsive::-webkit-scrollbar{height:5px!important;display:block!important}.table-responsive::-webkit-scrollbar-track,.log-table-container::-webkit-scrollbar-track,.fee-table-responsive::-webkit-scrollbar-track,.user-table-responsive::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:4px!important}.table-responsive::-webkit-scrollbar-thumb,.log-table-container::-webkit-scrollbar-thumb,.fee-table-responsive::-webkit-scrollbar-thumb,.user-table-responsive::-webkit-scrollbar-thumb{background:#94a3b8!important;border-radius:4px!important}.modal-overlay,.user-modal-overlay,.admin-modal-overlay,.fee-modal-overlay,.fixed.inset-0{padding:8px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:99999!important}.user-modal-container,.user-modal-container.small,.admin-modal-container,.fee-modal-dialog,.room-modal-container,.block-modal-container,.modal-container,.modal-dialog{width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;max-height:86vh!important;margin:8px auto!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border-radius:12px!important}.user-modal-body,.admin-modal-body,.fee-modal-body,.modal-body{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:1rem .85rem!important;box-sizing:border-box!important;max-height:calc(86vh - 130px)!important}.user-modal-close-btn,.btn-modal-close,.modal-close-btn,.fee-modal-close-btn,.fee-modal-header .close-btn,button[aria-label="Close modal"]{min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;flex-shrink:0!important}.user-modal-footer,.admin-modal-footer,.fee-modal-footer,.modal-footer{display:flex!important;flex-direction:column-reverse!important;gap:.5rem!important;padding:.75rem 1rem!important;box-sizing:border-box!important;width:100%!important}.user-modal-footer button,.admin-modal-footer button,.fee-modal-footer button,.modal-footer button{width:100%!important;min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important}.campusstay-login-wrapper{flex-direction:column!important;min-height:100vh!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important}.campusstay-illustration-panel{display:none!important}.campusstay-form-panel{flex:1 1 100%!important;max-width:100%!important;width:100%!important;min-width:0!important;padding:1.5rem 1.15rem!important;box-sizing:border-box!important}.campusstay-form-panel>div{max-width:100%!important}.main-header,.main-header.management-header{padding:0 .75rem!important;height:60px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;justify-content:space-between!important}.header-left-section{gap:.5rem!important;min-width:0!important;flex-shrink:1!important}.header-page-title{font-size:1.05rem!important;font-weight:700!important;max-width:170px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.header-page-subtitle,.desktop-header-title .header-page-subtitle{display:none!important}.header-right-section{gap:.35rem!important;flex-shrink:0!important}.college-dropdown-wrapper,.desktop-header-control.college-dropdown-wrapper,.realtime-text,.sync-btn-label,.profile-text-desktop{display:none!important}.realtime-badge{padding:.35rem!important;min-width:28px!important;height:28px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.sync-btn.desktop-header-control{padding:.35rem .5rem!important;min-width:32px!important;height:32px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.profile-trigger-btn,.profile-trigger-btn.management-profile-trigger{padding:.2rem!important;gap:.2rem!important}.profile-chevron{margin-left:0!important}.avatar-circle,.management-avatar-circle{width:34px!important;height:34px!important;font-size:.85rem!important}.fee-module-container{padding:.75rem .6rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.fee-header-section{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.fee-header-actions{width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:.5rem!important}.fee-header-actions button,.fee-header-actions a{flex:1 1 calc(50% - .25rem)!important;min-width:130px!important;justify-content:center!important}.fee-nav-banner-card{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important;padding:.85rem 1rem!important}.fee-nav-banner-card button{width:100%!important;justify-content:center!important}.fee-toolbar-container{flex-direction:column!important;align-items:stretch!important;gap:.6rem!important;padding:.75rem!important}.fee-search-input-wrapper{width:100%!important;min-width:0!important}.fee-select-filter{width:100%!important}.fee-toolbar-container>div:last-child{display:flex!important;flex-wrap:wrap!important;gap:.4rem!important;width:100%!important}.fee-toolbar-container>div:last-child button{flex:1 1 calc(50% - .25rem)!important;min-width:130px!important;justify-content:center!important}.fee-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}.user-mgmt-container{padding:.75rem .6rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.user-mgmt-header{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.user-mgmt-actions{width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:.5rem!important}.user-mgmt-actions button{flex:1 1 calc(50% - .25rem)!important;justify-content:center!important}.user-mgmt-toolbar{flex-direction:column!important;align-items:stretch!important;gap:.5rem!important}.user-search-wrapper{width:100%!important;min-width:0!important}.user-role-filter-select,.user-status-filter-select{width:100%!important}.recipient-resolution-box{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important;width:100%!important;box-sizing:border-box!important}.recipient-resolution-box .preview-btn{width:100%!important;height:38px!important;font-size:.8rem!important}.recipient-type-pills{display:flex!important;flex-wrap:wrap!important;gap:.4rem!important}.notif-kpi-grid,.admin-notif-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}.admin-notif-header{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.admin-notif-header-actions{width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:.5rem!important}.admin-notif-header-actions button{flex:1 1 100%!important;justify-content:center!important}.room-mgmt-page,.block-mgmt-container{padding:.75rem .6rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.allocation-subtabs-row{display:flex!important;overflow-x:auto!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-wrap:nowrap!important;gap:.5rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding-bottom:.5rem!important}.allocation-subtabs-row::-webkit-scrollbar{display:none!important}.allocation-subtab-item{flex-shrink:0!important;padding:.45rem .85rem!important;font-size:.825rem!important}.room-allocation-top-bar{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;padding:.85rem 1rem!important}.room-allocation-title-group{flex-direction:column!important;align-items:flex-start!important;gap:.35rem!important}.room-allocation-toolbar{flex-direction:column!important;align-items:stretch!important;gap:.5rem!important;width:100%!important}.allocation-search-pill{width:100%!important;min-width:0!important;flex:1 1 100%!important}.btn-navy-action,.btn-ghost-action{width:100%!important;justify-content:center!important}.block-header-wrap{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.block-header-actions{width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:.5rem!important}.block-header-actions button{flex:1 1 calc(50% - .25rem)!important;justify-content:center!important}.mess-management-container{padding:.75rem .6rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.mess-header{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.mess-header>div:last-child{width:100%!important;display:flex!important;justify-content:space-between!important}.mess-nav-tabs{display:flex!important;overflow-x:auto!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-wrap:nowrap!important;gap:.4rem!important;width:100%!important;max-width:100%!important;padding-bottom:.25rem!important;border-bottom:1px solid #E2E8F0!important}.mess-nav-tabs::-webkit-scrollbar{display:none!important}.mess-nav-tab-btn{flex-shrink:0!important;padding:.6rem .9rem!important;font-size:.85rem!important}.mess-action-toolbar{flex-direction:column!important;align-items:stretch!important;padding:.85rem .75rem!important;gap:.75rem!important}.mess-filter-group{flex-direction:column!important;align-items:stretch!important;width:100%!important;gap:.65rem!important}.mess-filter-group>div{width:100%!important}.mess-filter-group>div>div{width:100%!important;box-sizing:border-box!important}.mess-tab-panel div[style*=gridTemplateColumns]{grid-template-columns:1fr!important;padding:.75rem 0!important;gap:.75rem!important}.dashboard-content-wrapper{padding:.75rem .5rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.welcome-banner-card{padding:1rem!important;width:100%!important;box-sizing:border-box!important}.welcome-banner-main{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.welcome-profile-link{width:100%!important;justify-content:center!important}.welcome-banner-meta{flex-wrap:wrap!important;gap:.4rem!important}.summary-cards-grid{grid-template-columns:1fr!important;width:100%!important;gap:.75rem!important}.metric-card{width:100%!important;box-sizing:border-box!important;padding:1rem!important}.metric-header{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:.4rem!important}.metric-header .status-pill,.metric-header .metric-mini-badge{position:static!important;max-width:100%!important;font-size:.75rem!important}}@media screen and (max-width:480px){.header-page-title{max-width:140px!important;font-size:.95rem!important}.fee-kpi-grid,.notif-kpi-grid,.admin-notif-kpi-grid{grid-template-columns:1fr!important}.fee-header-actions button,.fee-header-actions a,.fee-toolbar-container>div:last-child button,.user-mgmt-actions button,.block-header-actions button{flex:1 1 100%!important}}