:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;font-weight:400;line-height:1.6;text-rendering:optimizeLegibility}*,:after,:before{box-sizing:border-box}body{background:radial-gradient(circle at top,#38bdf84d,#0000 45%),linear-gradient(135deg,#050816,#0b1f3a 55%,#0f344f);color:#e2e8f0;margin:0}#root,body{min-height:100vh}.login-container{align-items:center;color:#0f172a;display:flex;gap:clamp(2rem,5vw,5rem);justify-content:center;min-height:100vh;padding:clamp(1.5rem,4vw,3rem)}.brand-section{color:#e2e8f0;flex:1 1;max-width:28rem}.brand-content{animation:fadeInUp .6s ease-out}.brand-label{color:#94a3b8;font-size:.75rem;font-weight:600;letter-spacing:.15em;margin:0 0 1.2rem;text-transform:uppercase}.brand-title{color:#f8fafc;font-size:clamp(2.25rem,4vw,3.25rem);font-weight:700;line-height:1.1;margin:0 0 1.5rem}.accent{color:#38bdf8}.brand-description{color:#cbd5e1;font-size:1rem;line-height:1.6;margin:0;opacity:.9}.login-section{animation:fadeInUp .6s ease-out .2s both;width:min(28rem,100%)}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #ffffff1a;border-radius:1.5rem;box-shadow:0 20px 60px #0f172a4d,0 4px 16px #0f172a1a;padding:clamp(1.75rem,4vw,2.5rem)}.login-header{margin-bottom:2rem;text-align:left}.login-header h2{color:#0f172a;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.login-header p{color:#64748b;font-size:.95rem;margin:0}.login-form{gap:1.25rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;justify-content:space-between}.password-hint{color:#9ca3af;font-size:.75rem;font-weight:400}.form-input,.form-select{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;font-family:inherit;font-size:1rem;outline:none;padding:.875rem 1rem;transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf81a}.form-input:disabled,.form-select:disabled{background:#f8fafc;color:#9ca3af;cursor:not-allowed}.form-input::placeholder{color:#9ca3af}.form-select{cursor:pointer}.form-options{flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:.5rem}.checkbox-label,.form-options{align-items:center;display:flex}.checkbox-label{color:#64748b;cursor:pointer;font-size:.875rem;gap:.5rem;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{accent-color:#38bdf8;cursor:pointer;height:1rem;width:1rem}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.link-button{background:none;border:none;color:#2563eb;cursor:pointer;font-size:.875rem;font-weight:600;padding:0;text-decoration:none;transition:color .2s ease}.link-button:hover:not(:disabled){color:#1d4ed8;text-decoration:underline}.link-button:disabled{color:#9ca3af;cursor:not-allowed}.submit-button{background:linear-gradient(135deg,#2563eb,#38bdf8);border:none;border-radius:.875rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .2s ease;width:100%}.submit-button:hover:not(:disabled){box-shadow:0 12px 24px #2563eb4d;transform:translateY(-1px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{background:#e2e8f0;box-shadow:none;color:#9ca3af;cursor:not-allowed;transform:none}.submit-button.loading{background:linear-gradient(135deg,#64748b,#94a3b8)}.status-message{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.75rem;color:#475569;font-size:.875rem;margin-top:1.25rem;padding:.875rem 1rem;text-align:center;transition:all .3s ease}.status-message.loading{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}@media (max-width:768px){.login-container{flex-direction:column;gap:3rem;text-align:center}.brand-section{max-width:none}.form-options{gap:.75rem}.form-label,.form-options{align-items:flex-start;flex-direction:column}.form-label{gap:.25rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.checkbox-label:focus-within,.form-input:focus,.form-select:focus,.link-button:focus,.submit-button:focus{outline:2px solid #38bdf8;outline-offset:2px}@media (prefers-contrast:high){.form-input,.form-select{border-width:2px}.submit-button{background:#1e40af}.submit-button:hover:not(:disabled){background:#1e3a8a}}.dashboard-container{background:radial-gradient(circle at top,#38bdf84d,#0000 45%),linear-gradient(135deg,#050816,#0b1f3a 55%,#0f344f);color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh}:root{--header-height:96px;--nav-height:0px}.dashboard-container{padding-top:96px;padding-top:calc(var(--header-height) + var(--nav-height))}.dashboard-main{margin:0 auto;max-width:1400px;min-height:calc(100vh - 120px);padding:2rem}.dashboard-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:400px 1fr}.allocation-overview-section,.data-section,.upload-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ab3;border:1px solid #38bdf81a;border-radius:12px;box-shadow:0 4px 6px #0000004d;display:flex;flex-direction:column;padding:2rem}.section-header h2{align-items:center;color:#f8fafc;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin:0 0 .5rem}.section-header p{color:#94a3b8;font-size:.9375rem;line-height:1.5;margin:0 0 2rem}.upload-area{display:flex;flex-direction:column;height:100%}.upload-box{align-items:center;background:#38bdf80d;border:2px dashed #38bdf84d;border-radius:12px;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:420px;padding:2.5rem 2rem;text-align:center;transition:all .3s ease}.upload-box:hover{background:#38bdf81a;border-color:#38bdf8}.upload-box.dragging{background:#38bdf833;border-color:#0ea5e9;border-style:solid;transform:scale(1.02)}.upload-icon{font-size:3rem;margin-bottom:1rem;opacity:.8}.upload-box h3{color:#f8fafc;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.upload-box p{color:#94a3b8;font-size:.9375rem;line-height:1.6;margin:0 0 2rem}.file-input{display:none}.upload-btn{align-items:center;background:#38bdf8;border-radius:8px;box-shadow:0 2px 8px #38bdf866;color:#0f172a;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:200px;padding:1rem 2.5rem;text-decoration:none;transition:all .2s ease}.upload-btn:hover{background:#0ea5e9;box-shadow:0 4px 12px #38bdf880;transform:translateY(-2px)}.upload-btn.disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.upload-status{word-wrap:break-word;border-radius:8px;display:inline-block;font-size:.9375rem;font-weight:500;margin-top:2rem;max-width:100%;padding:1rem 1.5rem}.upload-status.success{background:#22c55e33;border:1px solid #22c55e4d;color:#86efac}.upload-status.error{background:#ef444433;border:1px solid #ef44444d;color:#fca5a5}.upload-status.info{background:#38bdf833;border:1px solid #38bdf84d;color:#7dd3fc}.data-container{display:flex;flex:1 1;flex-direction:column;gap:0;min-height:0;overflow:hidden}.allocation-grid-divider{background:linear-gradient(90deg,#0000,#38bdf84d,#0000);height:2px;margin:40px 0}.empty-state{align-items:center;background:#38bdf80d;border-radius:8px;color:#94a3b8;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.empty-icon{font-size:5rem;margin-bottom:1.5rem;opacity:.4}.empty-state h3{color:#f8fafc;font-size:1.25rem;font-weight:600;margin:0 0 .75rem}.empty-state p{color:#94a3b8;font-size:.9375rem;margin:0}.data-table-container{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.table-info{align-items:center;border-bottom:2px solid #38bdf833;display:flex;flex-shrink:0;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.record-count{background:#38bdf81a;border:1px solid #38bdf833;border-radius:6px;color:#38bdf8;font-size:.9375rem;font-weight:600;padding:.5rem 1rem}.hostel-filter{align-items:center;display:flex;gap:.75rem}.hostel-filter label{color:#94a3b8;font-size:.9375rem;font-weight:500}.hostel-dropdown{background:#0f172acc;border:1px solid #38bdf84d;border-radius:6px;color:#f8fafc;cursor:pointer;font-size:.9375rem;font-weight:500;min-width:200px;padding:.5rem 1rem;transition:all .2s ease}.hostel-dropdown:hover{background:#0f172af2;border-color:#38bdf8}.hostel-dropdown:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf81a;outline:none}.hostel-dropdown option{background:#0f172a;color:#f8fafc;padding:.5rem}.table-wrapper{background:#0f172a80;border:1px solid #38bdf833;border-radius:8px;flex:1 1;max-height:600px;overflow:auto}.data-table{border-collapse:collapse;font-size:.9375rem;width:100%}.data-table th{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172af2;border-bottom:2px solid #38bdf833;color:#38bdf8;font-weight:600;padding:1rem;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:10}.data-table td{background:#0f172a4d;border-bottom:1px solid #38bdf81a;color:#e2e8f0;padding:1rem}.data-table tbody tr:hover{background:#38bdf81a}.data-table tbody tr:last-child td{border-bottom:none}@media (max-width:768px){.dashboard-header{padding:1rem}.header-content{align-items:flex-start;flex-direction:column;gap:1rem}.header-right{justify-content:space-between;width:100%}.dashboard-main{padding:1rem}.dashboard-grid{gap:1rem;grid-template-columns:1fr}.data-section,.upload-section{padding:1rem}.upload-box{min-height:200px;padding:1.5rem}.data-table{font-size:.75rem}.data-table td,.data-table th{padding:.5rem}}@media (max-width:480px){.header-left h1{font-size:1.25rem}.user-info{align-items:flex-start;flex-direction:column;gap:.25rem}.upload-icon{font-size:2rem}.upload-box h3{font-size:1rem}}.allocation-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:320px 1fr}.allocation-page{padding-top:96px}.allocation-sidebar{background:#0f172ab3;border:1px solid #38bdf80f;border-radius:12px;min-height:420px;padding:1rem}.hostel-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:.5rem 0}.hostel-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#cfeefe;cursor:pointer;display:flex;justify-content:space-between;padding:.6rem .75rem}.hostel-item:hover{background:#38bdf80a;border-color:#38bdf80f}.hostel-item.selected{background:linear-gradient(90deg,#38bdf81f,#0ea5e90f);border-color:#38bdf81f;box-shadow:0 6px 18px #0ea5e90f;color:#e6f9ff}.hostel-name{font-weight:700}.hostel-count{color:#94a3b8;font-size:.85rem}.allocation-main{background:#0f172ab3;border:1px solid #38bdf80f;border-radius:12px;min-height:420px;padding:1rem}.allocation-table .data-table th{background:#0f172af2;position:-webkit-sticky;position:sticky;top:0;z-index:3}.table-wrapper{position:relative}@media (max-width:900px){.allocation-container{grid-template-columns:1fr}.allocation-sidebar{min-height:140px}}.room-allocation-view{padding:20px;width:100%}.hostel-selector{align-items:center;background:#38bdf80d;border-radius:8px;display:flex;gap:15px;margin-bottom:30px;padding:15px}.hostel-selector label{color:#e2e8f0;font-size:1rem;font-weight:600}.hostel-select{background:#0f172acc;border:2px solid #38bdf84d;border-radius:8px;color:#e2e8f0;cursor:pointer;font-size:1rem;min-width:250px;padding:10px 20px;transition:all .2s}.hostel-select:hover{background:#0f172ae6;border-color:#38bdf8}.hostel-select:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833;outline:none}.hostel-select option{background:#0f172a;color:#e2e8f0}.room-view-loading{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;min-height:400px}.room-view-loading .spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#2563eb;height:50px;width:50px}.room-view-loading p{color:#6b7280;font-size:1.1rem}.rooms-grid-container{max-height:600px;overflow-x:hidden;overflow-y:auto;padding-right:5px;width:100%}.rooms-grid-container::-webkit-scrollbar{width:8px}.rooms-grid-container::-webkit-scrollbar-track{background:#0f172a80;border-radius:4px}.rooms-grid-container::-webkit-scrollbar-thumb{background:#38bdf880;border-radius:4px}.rooms-grid-container::-webkit-scrollbar-thumb:hover{background:#38bdf8b3}.no-rooms{color:#94a3b8;font-size:1.1rem;padding:60px 20px;text-align:center}.rooms-cell-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));width:100%}.room-cell{align-items:center;background:#0f172a99;border:2px solid #38bdf84d;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:5px;justify-content:center;min-height:80px;padding:15px 10px;transition:all .3s ease}.room-cell:hover{background:#0f172acc;border-color:#38bdf8;box-shadow:0 6px 12px #38bdf84d;transform:translateY(-3px)}.room-cell.empty{background:#10b9811a;border-color:#22c55e80}.room-cell.empty:hover{background:#10b98133;border-color:#22c55e}.room-cell.occupied{background:#fbbf241a;border-color:#fbbf2480}.room-cell.occupied:hover{background:#fbbf2433;border-color:#fbbf24}.room-cell.full{background:#ef44441a;border-color:#ef444480}.room-cell.full:hover{background:#ef444433;border-color:#ef4444}.room-cell-number{color:#e2e8f0;font-size:1.2rem;font-weight:700}.room-cell-count{color:#94a3b8;font-size:.8rem;font-weight:500}.modal-overlay{align-items:center;animation:fadeIn .2s;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s;background:#0f172a;border:2px solid #38bdf84d;border-radius:16px;box-shadow:0 20px 25px -5px #00000080;max-height:85vh;max-width:900px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:#0f172a;border-bottom:2px solid #38bdf833;display:flex;justify-content:space-between;padding:25px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h3{color:#e2e8f0;font-size:1.5rem;margin:0}.close-btn{align-items:center;background:#38bdf81a;border:1px solid #38bdf84d;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;line-height:1;transition:all .2s;width:36px}.close-btn:hover{background:#38bdf833;border-color:#38bdf8;color:#e2e8f0}.modal-body{padding:30px}.room-info{grid-gap:20px;background:#38bdf80d;border:1px solid #38bdf833;border-radius:12px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px;padding:20px}.info-item{display:flex;flex-direction:column;gap:5px}.info-label{color:#94a3b8;font-size:.85rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#e2e8f0;font-size:1.2rem;font-weight:600}.allocated-people h4{align-items:center;color:#e2e8f0;display:flex;font-size:1.2rem;gap:8px;margin-bottom:15px}.no-people{color:#64748b;font-style:italic;padding:40px;text-align:center}.people-table{border:1px solid #38bdf833;border-radius:8px;overflow-x:auto}.people-table table{border-collapse:collapse;width:100%}.people-table thead{background:#38bdf81a}.people-table th{border-bottom:2px solid #38bdf833;color:#94a3b8;font-size:.9rem;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.people-table td{border-bottom:1px solid #38bdf81a;color:#e2e8f0;padding:14px 16px}.people-table tbody tr:hover{background:#38bdf80d}.people-table tbody tr:last-child td{border-bottom:none}@media (max-width:1200px){.rooms-cell-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}}@media (max-width:768px){.room-allocation-view{padding:15px}.hostel-selector{align-items:flex-start;flex-direction:column}.hostel-select{width:100%}.rooms-cell-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.room-cell{min-height:70px;padding:12px 8px}.room-cell-number{font-size:1rem}.room-cell-count{font-size:.75rem}.modal-content{max-height:90vh}.modal-body,.modal-header{padding:20px}.room-info{gap:15px;grid-template-columns:1fr;padding:15px}.people-table{font-size:.85rem}.people-table td,.people-table th{padding:10px 12px}}@media (max-width:480px){.rooms-cell-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(55px,1fr))}.room-cell{min-height:65px}.room-cell-number{font-size:.95rem}.people-table td,.people-table th{padding:8px 10px}}.allocation-page{background:radial-gradient(circle at top,#38bdf84d,#0000 45%),linear-gradient(135deg,#050816,#0b1f3a 55%,#0f344f);min-height:100vh;padding-top:calc(var(--header-height) + var(--nav-height))}.allocation-header{margin-bottom:2rem}.allocation-header h2{color:#f8fafc;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.allocation-header .subtitle{color:#94a3b8;font-size:1rem;margin:0}.status-banner{align-items:center;animation:slideIn .3s ease;border-radius:8px;box-shadow:0 4px 6px #0003;display:flex;font-size:1rem;font-weight:500;gap:10px;margin-bottom:2rem;padding:1rem 1.5rem}.status-banner.success{background:#22c55e33;border:1px solid #22c55e4d;color:#86efac}.status-banner.success:before{content:"✅";font-size:1.2rem}.status-banner.error{background:#ef444433;border:1px solid #ef44444d;color:#fca5a5}.status-banner.error:before{content:"⚠️";font-size:1.2rem}.status-banner.warning{background:#fbbf2433;border:1px solid #fbbf244d;color:#fcd34d}.status-banner.warning:before{content:"⚡";font-size:1.2rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.allocation-layout{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:300px 1fr 280px}.scanner-column{max-width:300px}.grid-column{min-width:0}.actions-column{max-width:280px}.allocation-column{display:flex;flex-direction:column}@media (max-width:1400px){.allocation-layout{gap:1rem;grid-template-columns:280px 1fr 260px}}@media (max-width:1100px){.allocation-layout{gap:1.5rem;grid-template-columns:1fr}.actions-column,.grid-column,.scanner-column{max-width:100%}}.qr-scanner-container{background:#0f172ab3;border:1px solid #38bdf81a;border-radius:12px;padding:1.5rem}.scanner-header h3{color:#f8fafc;margin-bottom:1rem}.scan-mode-toggle{display:flex;gap:.5rem}.scan-mode-toggle button{background:#38bdf81a;border:1px solid #38bdf833;border-radius:6px;color:#94a3b8;cursor:pointer;flex:1 1;padding:.5rem}.scan-mode-toggle button.active{background:linear-gradient(90deg,#38bdf8,#0ea5e9);border-color:#38bdf8;color:#0f172a}.qr-reader-box{background:#000;border-radius:8px;height:280px;margin-bottom:1rem;overflow:hidden;width:100%}.manual-mode-wrapper{background:#0f172a8c;border:1px solid #38bdf826;border-radius:10px;padding:1.3rem}.manual-header h4{color:#f8fafc;margin:0 0 .3rem}.manual-header p{color:#94a3b8;margin:0 0 1rem}.manual-field{display:flex;flex-direction:column;margin-bottom:1rem}.manual-field label{color:#38bdf8;font-size:.85rem;margin-bottom:4px}.input-with-prefix{display:flex;flex-direction:column;gap:6px}.prefix-top{background:#0f172ae6;border:1px solid #38bdf82e;border-radius:6px;box-shadow:0 3px 6px #0006;color:#38bdf8;font-size:.85rem;font-weight:700;padding:4px 8px;-webkit-user-select:none;user-select:none;width:-webkit-fit-content;width:fit-content}.input-with-prefix input{background:#0f172af2;border:1px solid #38bdf840;border-radius:8px;color:#f8fafc;padding:.8rem 1rem}.input-with-prefix input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833;outline:none}.manual-field input{background:#0f172ad9;border:1px solid #38bdf840;border-radius:8px;color:#f8fafc;padding:.8rem 1rem}.manual-field input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833;outline:none}.gender-select{background:#0f172af2;border:1px solid #38bdf840;border-radius:8px;color:#f8fafc;cursor:pointer;font-size:.95rem;padding:.8rem}.gender-select:hover{background:#0f172a;border-color:#38bdf8}.gender-select:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf826;outline:none}.gender-select option{background:#0f172a;color:#f8fafc}.scan-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.9rem 1.4rem}.scan-btn.start{background:linear-gradient(90deg,#10b981,#059669);color:#fff}.scan-btn.stop{background:linear-gradient(90deg,#ef4444,#dc2626);color:#fff}.scanner-controls{display:flex;justify-content:center;margin-top:.5rem}.allocation-form-container{display:flex;flex-direction:column;gap:1rem;height:100%;position:relative}.syncing-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050816f2;border-radius:12px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.syncing-message{color:#f8fafc;text-align:center}.syncing-message h3{color:#38bdf8;font-size:1.5rem;margin:1rem 0 .5rem}.syncing-message p{color:#94a3b8;margin:0}.spinner{animation:spin 1s linear infinite;border:4px solid #38bdf833;border-radius:50%;border-top-color:#38bdf8;height:50px;margin:0 auto;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.hostel-selector-top{align-items:center;background:#0f172ab3;border:1px solid #38bdf81a;border-radius:12px;display:flex;gap:1rem;padding:1rem 1.5rem}.hostel-selector-top label{color:#94a3b8;font-size:.9375rem;font-weight:600;white-space:nowrap}.form-select-large{background:#0f172ae6;border:1px solid #38bdf833;border-radius:8px;color:#f8fafc;cursor:pointer;flex:1 1;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease}.form-select-large:hover{border-color:#38bdf866}.form-select-large:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf81a;outline:none}.room-grid-wrapper{background:#0f172ab3;border:1px solid #38bdf81a;border-radius:12px;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:1.5rem}.room-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(5,1fr)!important;max-height:calc(100vh - 380px);overflow-x:hidden;overflow-y:auto;padding:.5rem .5rem .5rem 0}.room-grid::-webkit-scrollbar{width:8px}.room-grid::-webkit-scrollbar-track{background:#0f172a80;border-radius:4px}.room-grid::-webkit-scrollbar-thumb{background:#38bdf84d;border-radius:4px}.room-grid::-webkit-scrollbar-thumb:hover{background:#38bdf880}.room-grid-cell{align-items:center;background:#0f172a4d;border:1px solid #38bdf814;border-radius:8px;box-shadow:none;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:90px;overflow:visible;padding:.9rem .75rem .7rem;position:relative;transition:all .18s ease}.room-grid-cell:hover:not(.full){background:#38bdf80f;border-color:#38bdf829;transform:translateY(-2px)}.room-grid-cell.selected{background:linear-gradient(135deg,#10b98114,#0596690a);border:1px solid #10b9812e;box-shadow:0 6px 18px #10b9810f;transform:translateY(-2px) scale(1.02);z-index:6}.room-grid-cell.full{background:#ef444414;border-color:#ef444438;cursor:not-allowed;opacity:.72}.room-grid-cell.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.room-number{color:#f8fafc;font-size:1.1rem;font-weight:700;line-height:1.3;margin-bottom:.25rem}.room-grid-cell.selected .room-number{color:#10b981}.room-capacity{color:#94a3b8;font-size:.75rem;font-weight:600}.room-grid-cell.selected .room-capacity{color:#10b981}.full-badge{background:#ef4444;border-radius:999px;color:#fff;font-size:.625rem;font-weight:700;padding:2px 6px;position:absolute;right:6px;top:6px}.selected-room-banner{align-items:center;background:linear-gradient(135deg,#10b98133,#0596691a);border:2px solid #10b9814d;border-radius:12px;display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem}.selected-info{align-items:center;display:flex;gap:.5rem}.selected-info .label{color:#94a3b8;font-size:.875rem;font-weight:600}.selected-info .value{color:#10b981;font-size:.9375rem;font-weight:700}.scanned-person-compact{background:#38bdf80f;border:1px solid #38bdf814;border-radius:8px;color:#38bdf8;font-size:.875rem;padding:.75rem 1rem}.scanned-person-compact strong{color:#f8fafc;margin-right:.5rem}.small{background:#38bdf814;border:1px solid #38bdf814;border-radius:8px;color:#38bdf8;cursor:pointer;padding:6px 10px}.small:hover{transform:translateY(-1px)}@media (max-width:900px){.room-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:480px){.room-grid{grid-template-columns:repeat(2,1fr)!important}}.print-allocation-card{background:linear-gradient(180deg,#0c122399,#080d1c99);border:1px solid #38bdf814;border-radius:12px;box-shadow:0 8px 26px #02061799;box-sizing:border-box;color:#e6f6ff;display:flex;flex-direction:column;gap:12px;min-height:420px;padding:16px;width:100%}.pa-heading h2{color:#f8fafc;font-size:1.15rem;line-height:1.05;margin:0}.pa-heading .muted{color:#94a3b8;font-size:.92rem;margin:6px 0 0}.pa-stats-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.pa-stat{background:#38bdf80a;border:1px solid #38bdf80f;border-radius:8px;box-sizing:border-box;min-width:120px;padding:10px 12px}.pa-stat-label{color:#94a3b8;font-size:.82rem}.pa-stat-value{color:#38bdf8;font-size:1.05rem;font-weight:800;margin-top:4px}.pa-preview-area{display:flex;flex:1 1;flex-direction:column;max-height:460px;min-height:120px;overflow:hidden}.pa-empty{align-items:center;background:#0f172a33;border:1px dashed #38bdf80a;border-radius:8px;color:#94a3b8;display:flex;flex:1 1;justify-content:center;margin-top:12px;padding:18px;text-align:center}.pa-room-list{gap:10px;overflow-y:auto;padding-bottom:6px;padding-right:6px}.pa-room-item,.pa-room-list{display:flex;flex-direction:column}.pa-room-item{background:#0f172a73;border:1px solid #38bdf80a;border-radius:8px;gap:8px;padding:10px}.pa-room-top{align-items:center;display:flex;gap:12px;justify-content:space-between}.pa-room-left{display:flex;flex-direction:column;gap:2px}.pa-room-title{color:#f8fafc;font-size:.98rem;font-weight:700}.pa-room-meta{color:#94a3b8;font-size:.82rem}.pa-room-right{color:#10b981;font-weight:700;text-align:right}.pa-kits{background:#10b98114;border-radius:999px;color:#10b981;display:inline-block;font-weight:800;padding:6px 8px}.pa-room-people{display:flex;flex-direction:column;gap:6px;margin-top:4px}.pa-person-row{grid-gap:8px;align-items:center;background:#38bdf803;border:1px solid #38bdf805;border-radius:6px;display:grid;gap:8px;grid-template-columns:1fr 140px 140px 48px;padding:6px 8px}.person-name{color:#e6f6ff;font-size:.92rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-mi{color:#94a3b8;font-size:.9rem}.person-time{color:#94a3b8;font-size:.8rem}.person-kit{color:#10b981;font-weight:800;text-align:center}.pa-footer{align-items:center;border-top:1px solid #38bdf808;display:flex;gap:10px;justify-content:center;margin-top:auto;padding-top:8px}.pa-print-btn{background:linear-gradient(90deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 8px 20px #10b9811a;color:#fff;cursor:pointer;font-weight:800;min-width:160px;padding:10px 18px}.pa-print-btn:disabled{cursor:not-allowed;opacity:.5}.pa-cancel-btn{background:#ef444414;border:1px solid #ef44440f;border-radius:8px;color:#ffb3b3;cursor:pointer;padding:8px 12px}.muted-small{color:#94a3b8;font-size:.82rem}@media (max-width:820px){.pa-stats-row{justify-content:flex-start}.pa-stat{min-width:140px}.pa-person-row{grid-template-columns:1fr 100px 100px 48px}.pa-print-btn{min-width:0;width:100%}.print-allocation-card{min-height:360px}}.dashboard-header{--local-header-height:var(--header-height);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172af2;border-bottom:1px solid #38bdf814;box-shadow:0 6px 18px #00000073;height:var(--local-header-height);left:0;padding:0;position:fixed;top:0;z-index:1000}.dashboard-header,.header-content{align-items:center;display:flex;width:100%}.header-content{height:100%;justify-content:space-between}.header-left{display:flex;flex-direction:column;justify-content:center;padding-left:.75rem}.header-right{padding-right:.75rem}.header-left h1{color:#f8fafc;font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin:0}.header-subtitle{color:#38bdf8;font-size:.875rem;font-weight:500;margin:.25rem 0 0}.header-right{align-items:center;display:flex;gap:1rem}.header-nav,.top-nav{display:none}.header-right .nav-inner{align-items:center;display:inline-flex;gap:.5rem;justify-content:flex-end}.nav-item{background:#0000;border:none;border-radius:8px;color:#cfeefe;cursor:pointer;font-weight:600;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease}.nav-item:hover{background:#38bdf80f;color:#f8fafc;transform:translateY(-1px)}.nav-item.active{background:linear-gradient(90deg,#38bdf8,#0ea5e9);box-shadow:0 6px 18px #0ea5e91f;color:#062b36}.user-info{align-items:center;background:#38bdf81a;border:1px solid #38bdf833;border-radius:8px;display:flex;gap:.625rem;padding:.5rem 1rem}.user-icon{font-size:1.125rem}.username{color:#f8fafc;font-size:.9375rem;font-weight:600}.logout-btn{align-items:center;background:#38bdf833;border:1px solid #38bdf84d;border-radius:8px;color:#38bdf8;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.logout-btn:hover{background:#38bdf84d;border-color:#38bdf880;box-shadow:0 4px 12px #38bdf84d;transform:translateY(-1px)}
/*# sourceMappingURL=main.b5c43823.css.map*/