@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap);:root{--primary:#003b67;--primary-dark:#002747;--primary-light:#e8f1f8;--success:#16a34a;--danger:#dc2626;--warning:#d97706;--text:#111827;--text-muted:#6b7280;--border:#e5e7eb;--bg:#f9fafb;--white:#fff;--sidebar-width:240px;--radius:4px;--shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#f9fafb;background:var(--bg);color:#111827;color:var(--text);font-family:Outfit,sans-serif;font-size:16px;line-height:1.5}a{color:#003b67;color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}.app-layout{display:flex;min-height:100vh}.main-content{min-height:100vh;padding:2rem}.content-wrapper{margin-left:240px;margin-left:var(--sidebar-width)}.header-username,.logout-label{white-space:nowrap}.sidebar-overlay{z-index:99}.sidebar{background:#003b67;color:#e2e8f0;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:240px;width:var(--sidebar-width);z-index:100}.sidebar-logo{border-bottom:1px solid #ffffff14;padding:1.25rem 1rem}.sidebar-logo h2{color:#f1f5f9;font-size:15px;font-weight:600;line-height:1.3}.sidebar-logo span{color:#94a3b8;font-size:11px}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem 0}.nav-section-title{color:#8da4be;font-size:10px;font-weight:600;letter-spacing:.08em;padding:.75rem 1rem .25rem;text-transform:uppercase}.nav-link{align-items:center;border-left:3px solid #0000;color:#cbd5e1;display:flex;font-size:13.5px;gap:.6rem;padding:.6rem 1rem;transition:all .15s}.nav-link:hover{background:#002e52;color:#f1f5f9;text-decoration:none}.nav-link.active{background:#003b67;border-left-color:#38bdf8;color:#fff}.nav-link svg{flex-shrink:0;height:16px;width:16px}.nav-group-trigger{align-items:center;background:#0000;border:none;border-left:3px solid #0000;color:#cbd5e1;display:flex;font-size:13.5px;gap:.6rem;justify-content:space-between;padding:.6rem 1rem;transition:all .15s;width:100%}.nav-group-trigger:hover{background:#002e52;color:#f1f5f9}.nav-group-trigger.active{background:#003b67;border-left-color:#38bdf8;color:#fff}.nav-submenu{padding:.2rem 0 .45rem}.nav-sublink{font-size:12.8px;padding-left:2.75rem}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.page-title{color:#111827;color:var(--text);font-size:1.25rem;font-weight:600}.page-subtitle{color:#6b7280;color:var(--text-muted);font-size:13px;margin-top:2px}.card{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;box-shadow:var(--shadow)}.card-body{padding:1.25rem}.card-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);font-size:14px;font-weight:600;padding:1rem 1.25rem;text-transform:uppercase}.btn{align-items:center;border:none;border-radius:4px;border-radius:var(--radius);display:inline-flex;font-size:13.5px;font-weight:500;gap:.4rem;padding:.5rem 1rem;transition:all .15s;white-space:nowrap}.btn-primary{background:#003b67;background:var(--primary);color:#fff}.btn-primary:hover{background:#002747;background:var(--primary-dark)}.btn-success{background:#16a34a;background:var(--success);color:#fff}.btn-success:hover{background:#15803d}.btn-danger{background:#dc2626;background:var(--danger);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-outline{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border);color:#111827;color:var(--text)}.btn-outline:hover{background:#f9fafb;background:var(--bg)}.btn-sm{font-size:14px;padding:.55rem .75rem}.btn:disabled{cursor:not-allowed;opacity:.55}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-label{color:#6b7280;color:var(--text-muted);font-size:12.5px;font-weight:500;letter-spacing:.03em;text-transform:uppercase}.form-control{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius);color:#111827;color:var(--text);font-family:inherit;font-size:14px;padding:.5rem .75rem;transition:border-color .15s,box-shadow .15s;width:100%}.form-control:focus{border-color:#003b67;border-color:var(--primary);box-shadow:0 0 0 3px #003b6726;outline:none}.form-control.error{border-color:#dc2626;border-color:var(--danger)}.form-error{color:#dc2626;color:var(--danger);font-size:12px}.form-hint{color:#6b7280;color:var(--text-muted);font-size:11.5px}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;font-size:13.5px;width:100%}thead th{background:#f9fafb;background:var(--bg);color:#6b7280;color:var(--text-muted);font-size:11.5px;font-weight:600;letter-spacing:.05em;padding:.65rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}tbody td,thead th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border)}tbody td{color:#111827;color:var(--text);padding:.75rem 1rem}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#f8fafc}.data-table{background:#fff;background:var(--white)}.table-actions{align-items:center;display:flex;gap:.45rem;white-space:nowrap}.btn-icon{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border);color:#6b7280;color:var(--text-muted);height:34px;justify-content:center;padding:0;width:34px}.btn-icon:hover{background:#f9fafb;background:var(--bg);color:#111827;color:var(--text)}.portal-mobile-header{align-items:center;background:#00223d;border-bottom:1px solid #002e52;display:none;flex-shrink:0;gap:.75rem;height:52px;padding:0 1rem;position:sticky;top:0;z-index:40}.badge{border-radius:999px;display:inline-block;font-size:11.5px;font-weight:500;padding:.2rem .55rem}.badge-blue{background:#e8f1f8;color:#003b67}.badge-available,.badge-green{background:#dcfce7;color:#15803d}.badge-muted{background:#f3f4f6;color:#6b7280}.badge-maintenance{background:#fef3c7;color:#92400e}.badge-full{background:#fee2e2;color:#b91c1c}.stat-strip{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1rem}.stat-chip{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius);padding:.8rem 1rem}.stat-label{color:#6b7280;color:var(--text-muted);display:block;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.stat-value{color:#111827;color:var(--text);display:block;font-size:1.35rem;font-weight:700;line-height:1.2;margin-top:.25rem}.search-bar{align-items:center;background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius);display:flex;gap:.5rem;padding:.58rem .75rem;width:280px}.search-bar input{background:#0000;border:none;color:#111827;color:var(--text);font-size:13.5px;outline:none;width:100%}.empty-state{color:#6b7280;color:var(--text-muted);padding:3rem 1rem;text-align:center}.empty-state svg{height:48px;margin-bottom:.75rem;opacity:.4;width:48px}.empty-state p{font-size:14px}.spinner{animation:spin .7s linear infinite;border:3px solid #e5e7eb;border-top-color:#003b67;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:36px;margin:2rem auto;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.loading-center{color:#6b7280;color:var(--text-muted);flex-direction:column;font-size:13px;gap:.75rem;justify-content:center;padding:3rem}.loading-center,.pagination{align-items:center;display:flex}.pagination{border-top:1px solid #e5e7eb;border-top:1px solid var(--border);gap:.35rem;justify-content:flex-end;padding:.75rem 1rem}.pagination button{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;color:#111827;color:var(--text);display:grid;font-size:13px;height:32px;place-items:center;transition:all .15s;width:32px}.pagination button.active,.pagination button:hover:not(:disabled){background:#003b67;background:var(--primary);border-color:#003b67;border-color:var(--primary);color:#fff}.pagination button:disabled{cursor:not-allowed;opacity:.4}.filter-bar{align-items:center;background:#fff;background:var(--white);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem}.filter-bar label{color:#6b7280;color:var(--text-muted);font-size:12.5px;font-weight:500}.room-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.room-tile{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;box-shadow:var(--shadow);padding:.9rem 1rem}.room-tile.badge-full{border-color:#fecaca}.room-tile.badge-maintenance{border-color:#fde68a}.room-tile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.4rem}.room-tile-header strong{font-size:14px}.room-tile-meta{color:#6b7280;color:var(--text-muted);font-size:12.5px;margin-bottom:.5rem}.room-tile-occupancy{font-size:13px;font-weight:600;margin-bottom:.75rem}.room-tile-actions{display:flex;gap:.4rem}.modal-overlay{align-items:center;animation:modalFadeIn .2s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1050}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.modal{background:#fff;background:var(--white,#fff);border-radius:12px;box-shadow:0 20px 60px #0003;max-width:95vw;padding:1.75rem;width:400px}.modal h3{font-size:16px;margin-bottom:.5rem}.modal p{color:#6b7280;color:var(--text-muted);font-size:13.5px;margin-bottom:1.25rem}.modal h2{font-size:16px;margin-bottom:.5rem}.modal-lg{width:560px}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.modal-card{background:#fff;background:var(--white,#fff);border-radius:14px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000f;display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow:hidden;width:100%}.modal-header{align-items:center;background:#fff;background:var(--bg-surface,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e2e8f0);display:flex;justify-content:space-between;padding:1.15rem 1.4rem}.modal-header h2,.modal-header h3{align-items:center;color:#111827;color:var(--text,#0f172a);display:flex;font-size:16px;font-weight:700;gap:.5rem;margin:0}.modal-header .modal-subtitle{color:#6b7280;color:var(--text-muted,#64748b);font-size:12px;font-weight:400;margin-top:2px}.modal-body{flex:1 1;overflow-y:auto;padding:1.35rem 1.4rem}.modal-footer{align-items:center;background:#f8fafc;background:var(--bg-subtle,#f8fafc);border-top:1px solid #e5e7eb;border-top:1px solid var(--border,#e2e8f0);display:flex;gap:.65rem;justify-content:flex-end;padding:1rem 1.4rem}.student-select-box{border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius);overflow:hidden}.student-select-search{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;gap:.5rem;padding:.5rem .75rem}.student-select-search input{border:none;font-size:13.5px;outline:none;width:100%}.student-select-list{max-height:180px;overflow-y:auto}.student-select-item{background:#0000;border:none;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);cursor:pointer;display:block;font-size:13.5px;padding:.6rem .75rem;text-align:left;transition:background .1s;width:100%}.student-select-item:last-child{border-bottom:none}.student-select-item:hover{background:#e8f1f8;background:var(--primary-light)}.student-select-item.selected{background:#e8f1f8;color:#002747;color:var(--primary-dark);font-weight:500}.student-select-item .student-name{font-weight:500}.student-select-item .student-meta{color:#6b7280;color:var(--text-muted);font-size:11.5px}@media print{body,html{background:#fff!important;height:auto!important;margin:0!important;overflow:visible!important;padding:0!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area.certificate-page{left:0!important;margin:0!important;position:fixed!important;top:0!important}.print-area:not(.certificate-page){box-shadow:none!important;margin:0 auto!important;position:relative!important}.certificate-bg-preview,.no-print{display:none!important}.only-print{display:block!important}@page{margin:.25in}}.only-print{display:none}.content-wrapper{display:flex;flex:1 1;flex-direction:column;min-height:100vh;min-width:0;overflow:hidden}.main-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);box-shadow:0 1px 4px #0000000f;display:flex;flex-shrink:0;gap:.65rem;height:56px;padding:0 1.25rem;position:sticky;top:0;z-index:40}.header-title{color:#111827;color:var(--text);display:none;font-size:14px;font-weight:700;white-space:nowrap}.header-right{align-items:center;display:flex;flex-wrap:nowrap;gap:.65rem;margin-left:auto;overflow-x:auto;scrollbar-width:none}.header-right::-webkit-scrollbar{display:none}.hamburger-btn{align-items:center;background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;color:#111827;color:var(--text);cursor:pointer;display:none;flex-shrink:0;height:36px;justify-content:center;transition:background .15s;width:36px}.hamburger-btn:hover{background:#f1f5f9}.main-content{background:#f9fafb;background:var(--bg,#f8fafc);flex:1 1;overflow-y:auto;padding:1.5rem}.main-footer{align-items:center;background:#fff;border-top:1px solid #e5e7eb;border-top:1px solid var(--border);color:#6b7280;color:var(--text-muted);display:flex;flex-shrink:0;flex-wrap:wrap;font-size:12px;gap:.5rem;justify-content:center;padding:.75rem 1.5rem}.footer-divider{color:#e5e7eb;color:var(--border);font-size:14px}.sidebar-overlay{animation:fadeIn .2s ease;background:#00000080;display:none;inset:0;position:fixed;z-index:49}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:900px){.sidebar{box-shadow:none;height:100vh;left:-260px;position:fixed!important;top:0;transition:left .25s ease;z-index:50}.sidebar.open{box-shadow:4px 0 24px #0000002e;left:0}.sidebar-overlay,.sidebar.open~.content-wrapper .sidebar-overlay{display:block}.hamburger-btn{display:flex}.header-title{display:block}.content-wrapper{width:100%}.main-content{padding:1rem}.header-username{display:none}.portal-mobile-header{display:flex}}@media (max-width:480px){.main-content{padding:.75rem}.main-header{gap:.4rem;padding:0 .75rem}.logout-label{display:none}.header-right{gap:.4rem}}@media (max-width:900px){.sidebar{left:-260px;transition:left .25s ease;z-index:100}.sidebar.open{box-shadow:4px 0 24px #0003;left:0}.content-wrapper{margin-left:0;width:100%}.hamburger-btn{display:flex}.header-title{display:block}.main-content{padding:1rem}.header-username{display:none}}@media (max-width:480px){.main-content{padding:.75rem}.main-header{gap:.4rem;padding:0 .75rem}.logout-label{display:none}.header-right{gap:.4rem}.page-header{align-items:flex-start;flex-direction:column;gap:.75rem}}.rich-topic-display{display:inline-block;max-width:100%;vertical-align:top}.rich-topic-display p{margin:0 0 .25rem}.rich-topic-display p:last-child{margin-bottom:0}.rich-topic-display ol,.rich-topic-display ul{margin:.25rem 0;padding-left:1.25rem}.rich-topic-display b,.rich-topic-display strong{color:#111827;color:var(--text);font-weight:700}
/*# sourceMappingURL=main.67c3e549.css.map*/