body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{margin:0}.app,body,html{padding:0;width:100%}.app{background:#f5f7fb;font-family:Arial,sans-serif;margin:0 auto;min-height:100vh}.app,.top-container{box-sizing:border-box}.top-container{background:#fff;border-bottom:1px solid #e4e9f2;box-shadow:0 2px 8px #2f80ed0f;padding:0 40px;width:100%}.header{color:#1a2640;font-size:22px;font-weight:700;margin:0;padding:18px 0 14px;text-align:center}.navbar{gap:4px}.multi-row-nav{display:flex;flex-direction:column;gap:10px;padding-bottom:12px;width:100%}.nav-row{width:100%}.nav-row,.row-primary,.row-secondary{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(6,1fr)}.nav-button{align-items:center;background:none;border-bottom:3px solid #0000;box-sizing:border-box;color:#7a8ba6;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:7px;justify-content:center;padding:12px 10px;transition:color .18s,border-color .18s;white-space:nowrap;width:100%}.nav-button:hover{background-color:#2f80ed08;border-bottom-color:#b8d4f8;color:#2f80ed}.nav-button.active{background-color:#a5d6a740;border-bottom-color:#2e7d32;box-shadow:inset 0 1px 2px #2e7d320d,0 2px 6px #2e7d320f;color:#1b5e20;font-weight:700}.nav-button .nav-icon,.nav-button svg{flex-shrink:0;font-size:14px;height:15px;width:15px}.logout-btn{grid-column:6}.dashboard-content{box-sizing:border-box;padding:28px 40px 48px}.stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:28px;width:100%}.stat-card{background:#fff;border:1px solid #e4e9f2;border-radius:14px;box-shadow:0 2px 8px #2f80ed0f;display:flex;flex-direction:column;min-width:0;padding:16px 18px}.stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;margin-bottom:14px;width:36px}.stat-icon.total{background:#ebf3fd;color:#2f80ed}.stat-icon.booked{background:#fde8e8;color:#e53935}.stat-icon.avail{background:#e8f5e9;color:#2e7d32}.stat-label{color:#7a8ba6;font-size:11px;font-weight:700;letter-spacing:.04em;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.stat-value{color:#1a2640;font-size:28px;font-weight:700;line-height:1}.card{box-shadow:0 0 10px #0000001a;flex:1 1;font-size:18px}.layout-heading{align-items:center;color:#1a2640;display:flex;font-size:16px;font-weight:700;gap:12px;margin-bottom:20px}.layout-heading:after{background:#e4e9f2;content:"";flex:1 1;height:1px}.legend{background:#fff;border:1px solid #e4e9f2;border-radius:12px;box-shadow:0 2px 8px #2f80ed0a;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:24px;padding:14px 20px}.legend-item{align-items:center;color:#3d4f6e;display:flex;font-size:13px;font-weight:500;gap:8px}.legend-dot{border-radius:5px;flex-shrink:0;height:20px;width:20px}.floor-plan{align-items:flex-end;display:flex;gap:120px;justify-content:space-between;margin-top:40px;overflow-x:auto;width:100%}.floor{align-items:center;display:flex;flex-direction:column;gap:14px}.direction{font-weight:700;letter-spacing:1px;margin-bottom:14px}.direction.west,.floor.right .direction.toilet{align-self:flex-start}.seat-row{display:flex;gap:14px}.seat{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:600;height:36px;justify-content:center;transition:transform .1s,box-shadow .1s;width:48px}.seat:hover{box-shadow:0 4px 10px #00000026;transform:translateY(-2px)}.seat.available{background:#81d4fa;color:#000}.seat.partial{background:#81c784;color:#000}.seat.full{background:#2e7d32;color:#fff}.seat.renewal{background:#fff176;color:#000}.seat.expired{background:#ffcdd2;color:#000}.seat.blocked{color:#555;cursor:not-allowed}.seat.blocked,.stair-gap{background:repeating-linear-gradient(45deg,#ccc,#ccc 6px,#eee 0,#eee 12px)}.stair-gap{border-radius:6px;height:36px;width:48px}.sections-container{align-items:flex-start;box-sizing:border-box;display:flex;justify-content:space-between;width:100%}.section-divider{align-self:stretch;background-color:#cfd8dc;margin:0 10px;width:2px}.section{flex:1 1}.section-title{font-size:20px;font-weight:700;margin-bottom:100px;text-align:center}.seat-popup{background:#fff;border:1px solid #e4e9f2;border-radius:12px;box-shadow:0 6px 24px #0000002e;padding:16px 18px;width:240px;z-index:1000}.seat-popup h4{color:#1a2640;font-size:15px;margin:0 0 10px}.seat-popup p{color:#3d4f6e;font-size:13px;margin:4px 0}.popup-content{display:flex;gap:20px}.popup-left,.popup-right{flex:1 1}.student-block{border-bottom:1px solid #f0f3fa;margin-bottom:10px;padding-bottom:8px}.popup-actions{border-top:1px solid #f0f3fa;display:flex;gap:8px;justify-content:space-between;margin-top:14px;padding-top:12px}.popup-actions button{border:none;border-radius:7px;cursor:pointer;flex:1 1;font-family:inherit;font-size:12px;font-weight:600;padding:7px 10px;transition:background .18s}.popup-actions button:first-child{background-color:#2f80ed;color:#fff}.popup-actions button:first-child:hover{background-color:#1c60c7}.popup-actions button:first-child:disabled{background-color:#b0bec5;cursor:not-allowed}.popup-actions button:last-child{background-color:#f0f3fa;color:#3d4f6e}.popup-actions button:last-child:hover{background-color:#e4e9f2}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@media (max-width:1400px){.sections-container{flex-direction:column}}@media (max-width:1200px){.floor-plan{gap:80px}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.row-primary,.row-secondary{gap:6px;grid-template-columns:repeat(3,1fr)}.logout-btn{grid-column:span 3;margin-left:0!important}.floor-plan{align-items:center;flex-direction:column;gap:60px}.direction.west,.floor.right .direction.toilet{align-self:center}}@media (max-width:640px){.top-container{padding:0 16px}.dashboard-content{padding:16px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.navbar{flex-wrap:wrap}}@media (max-width:440px){.stats{grid-template-columns:1fr}}.login-wrapper{align-items:center;background:linear-gradient(135deg,#0f2027,#203a43 50%,#2c5364);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;box-sizing:border-box;max-width:400px;padding:40px;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-logo-circle{align-items:center;background:#e8eaf6;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 15px;width:80px}.login-header h2{color:#1a237e;font-size:26px;margin:0}.login-header p{color:#757575;font-size:14px;margin:5px 0 0}.login-form .input-group{display:flex;flex-direction:column;margin-bottom:20px}.login-form .input-group label{align-items:center;color:#37474f;display:flex;font-size:14px;font-weight:600;margin-bottom:8px}.login-form .input-group input{border:1px solid #cfd8dc;border-radius:6px;font-size:15px;padding:12px;transition:all .3s ease}.login-form .input-group input:focus{border-color:#1a237e;box-shadow:0 0 0 3px #1a237e26;outline:none}.login-submit-btn{background:#1a237e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px;transition:background .2s ease;width:100%}.login-submit-btn:hover{background:#283593}.login-submit-btn:disabled{background:#9fa8da;cursor:not-allowed}.login-error-msg{background:#ffebee;border:1px solid #ffcdd2;border-radius:6px;color:#c62828;font-size:14px;font-weight:500;margin-bottom:20px;padding:12px;text-align:center}.logout-btn:hover{background:#b71c1c!important}.login-card-container{background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001a;display:flex;flex-direction:row;margin:20px;max-width:900px;overflow:hidden;width:100%}.login-scanner-side{align-items:center;background-color:#f5f5f7;border-right:1px solid #e0e0e0;display:flex;flex:1 1;justify-content:center}.login-scanner-img{height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.login-details-side{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px}@media (max-width:768px){.login-card-container{flex-direction:column;max-width:450px}.login-scanner-side{border-bottom:1px solid #e0e0e0;border-right:none;height:300px}}.login-enquiry-footer{border-top:1px dashed #e0e0e0;margin-top:20px;padding-top:15px;pointer-events:none;text-align:center;-webkit-user-select:none;user-select:none}.login-enquiry-text{color:#616161;font-size:.85rem;font-weight:500;margin:0}.login-enquiry-num{color:#1a237e;font-weight:700;letter-spacing:.5px}.na-page{box-sizing:border-box;padding:28px 40px 48px;width:100%}.na-form-card{animation:na-fadeIn .25s ease;background:#fff;border:1px solid #e4e9f2;border-radius:14px;box-shadow:0 2px 12px #2f80ed12;margin:0 auto;max-width:860px;padding:36px 40px 32px}@keyframes na-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.na-form-header{align-items:center;border-bottom:2px solid #f0f3fa;display:flex;gap:16px;margin-bottom:28px;padding-bottom:24px}.na-header-icon{align-items:center;background:#ebf3fd;border-radius:12px;color:#2f80ed;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.na-form-title{color:#1a2640;font-size:20px;font-weight:700;margin:0 0 4px}.na-form-subtitle{color:#7a8ba6;font-size:13px;margin:0}.na-section{margin-bottom:28px}.na-section+.na-section{border-top:1.5px solid #f0f3fa;padding-top:4px}.na-section-label{align-items:center;color:#2f80ed;display:flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.08em;margin-bottom:16px;text-transform:uppercase}.na-section-dot{background:#2f80ed;border-radius:50%;flex-shrink:0;height:8px;width:8px}.na-grid-2{grid-gap:16px 20px;grid-template-columns:1fr 1fr}.na-grid-2,.na-grid-3{display:grid;gap:16px 20px}.na-grid-3{grid-gap:16px 20px;grid-template-columns:1fr 1fr 1fr}@media (max-width:640px){.na-grid-2,.na-grid-3{grid-template-columns:1fr}.na-page{padding:16px}.na-form-card{padding:22px 18px}}.na-field{display:flex;flex-direction:column;margin-bottom:16px}.na-label{color:#3d4f6e;font-size:13px;font-weight:600;margin-bottom:6px}.na-required{color:#e53935}.na-input{background:#f8fafd;border:1.5px solid #dce3f0;border-radius:8px;box-sizing:border-box;color:#1a2640;font-family:inherit;font-size:14px;outline:none;padding:9px 12px;transition:border-color .18s,box-shadow .18s,background .18s;width:100%}.na-input::placeholder{color:#b0bcce}.na-input:focus{background:#fff;border-color:#2f80ed;box-shadow:0 0 0 3px #2f80ed1f}input[type=number].na-input::-webkit-inner-spin-button,input[type=number].na-input::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number].na-input{-moz-appearance:textfield}.na-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237a8ba6' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.na-actions{border-top:1.5px solid #f0f3fa;display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-top:24px}.na-btn{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:7px;padding:10px 24px;transition:background .18s,transform .12s,box-shadow .18s}.na-btn:active{transform:scale(.97)}.na-btn-submit{background:#2f80ed;border:none;box-shadow:0 2px 8px #2f80ed40;color:#fff}.na-btn-submit:hover{background:#1c60c7;box-shadow:0 4px 14px #2f80ed59}.na-btn-reset{background:#fff;border:1.5px solid #2f80ed;color:#2f80ed}.na-btn-reset:hover{background:#ebf3fd}.na-popup-overlay{align-items:center;animation:fadeInOverlay .2s ease-out forwards;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f172a66;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.na-popup-card{align-items:center;animation:scaleInCard .28s cubic-bezier(.34,1.56,.64,1) forwards;background:#fffc;border:1px solid #fff9;border-radius:24px;box-shadow:0 4px 30px #00000008,0 20px 40px #0000001f,inset 0 1px 0 #fffc;display:flex;flex-direction:column;max-width:400px;overflow:hidden;padding:32px 24px 24px;position:relative;text-align:center;width:90%}@media (prefers-color-scheme:dark){.na-popup-card{background:#1e293bd9;border:1px solid #ffffff1f;box-shadow:0 4px 30px #0003,0 20px 40px #0006}}.na-popup-glow{height:200%;left:-50%;opacity:.12;pointer-events:none;position:absolute;top:-50%;width:200%}.na-popup-success .na-popup-glow{background:radial-gradient(circle,#22c55e 0,#0000 60%)}.na-popup-warning .na-popup-glow{background:radial-gradient(circle,#f59e0b 0,#0000 60%)}.na-popup-error .na-popup-glow{background:radial-gradient(circle,#ef4444 0,#0000 60%)}.na-popup-icon-container{margin-bottom:16px;position:relative;z-index:2}.na-popup-icon{align-items:center;border-radius:50%;box-shadow:0 8px 16px #0000000f;display:flex;height:60px;justify-content:center;width:60px}.na-pop-success{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff}.na-pop-warning{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.na-pop-error{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff}.na-popup-title{color:#1a2640;font-size:22px;font-weight:700;margin:0 0 8px;z-index:2}@media (prefers-color-scheme:dark){.na-popup-title{color:#f8fafc}}.na-popup-message{color:#64748b;font-size:14px;line-height:1.5;margin:0 0 24px;padding:0 12px;z-index:2}@media (prefers-color-scheme:dark){.na-popup-message{color:#cbd5e1}}.na-popup-btn{border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .18s ease;width:100%;z-index:2}.na-popup-success .na-popup-btn{background:#22c55e}.na-popup-success .na-popup-btn:hover{background:#16a34a;transform:translateY(-1px)}.na-popup-warning .na-popup-btn{background:#f59e0b}.na-popup-warning .na-popup-btn:hover{background:#d97706;transform:translateY(-1px)}.na-popup-error .na-popup-btn{background:#ef4444}.na-popup-error .na-popup-btn:hover{background:#dc2626;transform:translateY(-1px)}.na-popup-btn:active{transform:translateY(0)}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes scaleInCard{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.ra-page{box-sizing:border-box;padding:28px 40px 48px;width:100%}.ra-header-card{align-items:center;animation:ra-fadeIn .25s ease;background:#fff;border:1px solid #e4e9f2;border-radius:14px;box-shadow:0 2px 12px #2f80ed12;display:flex;gap:16px;margin:0 auto 24px;max-width:860px;padding:24px 28px}.ra-header-icon{align-items:center;background:#ebf3fd;border-radius:12px;color:#2f80ed;display:flex;flex-shrink:0;height:46px;justify-content:center;width:46px}.ra-title{color:#1a2640;font-size:20px;font-weight:700;margin:0 0 4px}.ra-subtitle{color:#7a8ba6;font-size:13px;margin:0}.ra-search-row{display:flex;gap:10px;margin:0 auto 24px;max-width:860px}.ra-search-input{background:#fff;border:1.5px solid #dce3f0;border-radius:8px;color:#1a2640;flex:1 1;font-family:inherit;font-size:14px;outline:none;padding:10px 14px;transition:border-color .18s,box-shadow .18s}.ra-search-input::placeholder{color:#b0bcce}.ra-search-input:focus{border-color:#2f80ed;box-shadow:0 0 0 3px #2f80ed1f}.ra-search-btn{align-items:center;background:#2f80ed;border:none;border-radius:8px;box-shadow:0 2px 8px #2f80ed40;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:7px;padding:10px 22px;transition:background .18s,box-shadow .18s;white-space:nowrap}.ra-search-btn:hover{background:#1c60c7;box-shadow:0 4px 14px #2f80ed59}.ra-empty{color:#7a8ba6;margin:0 auto;max-width:860px;padding:48px 20px;text-align:center}.ra-empty svg{margin-bottom:12px;opacity:.4}.ra-empty p{font-size:14px}.ra-card{animation:ra-fadeIn .2s ease;background:#fff;border:1px solid #e4e9f2;border-radius:14px;box-shadow:0 2px 12px #2f80ed12;margin:0 auto 20px;max-width:860px;padding:24px 28px}@keyframes ra-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ra-card-header{gap:14px;margin-bottom:16px}.ra-avatar,.ra-card-header{align-items:center;display:flex}.ra-avatar{background:#ebf3fd;border-radius:50%;color:#2f80ed;flex-shrink:0;font-size:18px;font-weight:700;height:44px;justify-content:center;width:44px}.ra-student-name{color:#1a2640;font-size:16px;font-weight:700}.ra-student-sub{color:#7a8ba6;font-size:13px;margin-top:2px}.ra-seat-badge{background:#ebf3fd;border:1px solid #b8d4f8;border-radius:20px;color:#2f80ed;font-size:13px;font-weight:700;margin-left:auto;padding:5px 14px}.ra-divider{background:#f0f3fa;height:1px;margin:16px 0}.ra-details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.ra-detail-item{display:flex;flex-direction:column;gap:3px}.ra-detail-label{color:#7a8ba6;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.ra-detail-value{color:#1a2640;font-size:14px;font-weight:600}.ra-section-label{align-items:center;color:#2f80ed;display:flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:.08em;margin-bottom:14px;text-transform:uppercase}.ra-section-dot{background:#2f80ed;border-radius:50%;flex-shrink:0;height:7px;width:7px}.ra-renew-grid{grid-gap:16px 20px;display:grid;gap:16px 20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.ra-field{display:flex;flex-direction:column}.ra-label{color:#3d4f6e;font-size:13px;font-weight:600;margin-bottom:6px}.ra-required{color:#e53935}.ra-input{background:#f8fafd;border:1.5px solid #dce3f0;border-radius:8px;box-sizing:border-box;color:#1a2640;font-family:inherit;font-size:14px;outline:none;padding:9px 12px;transition:border-color .18s,box-shadow .18s,background .18s;width:100%}.ra-input::placeholder{color:#b0bcce}.ra-input:focus{background:#fff;border-color:#2f80ed;box-shadow:0 0 0 3px #2f80ed1f}input[type=number].ra-input::-webkit-inner-spin-button,input[type=number].ra-input::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number].ra-input{-moz-appearance:textfield}.ra-actions{border-top:1.5px solid #f0f3fa;display:flex;gap:12px;justify-content:flex-end;padding-top:20px}.ra-btn{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:7px;padding:10px 22px;transition:background .18s,transform .12s,box-shadow .18s}.ra-btn:active{transform:scale(.97)}.ra-btn-renew{background:#2f80ed;border:none;box-shadow:0 2px 8px #2f80ed40;color:#fff}.ra-btn-renew:hover:not(:disabled){background:#1c60c7;box-shadow:0 4px 14px #2f80ed59}.ra-btn-disabled{background:#dce3f0!important;box-shadow:none!important;color:#9aaac2!important;cursor:not-allowed!important}.ra-btn-reset{background:#fff;border:1.5px solid #2f80ed;color:#2f80ed}.ra-btn-reset:hover{background:#ebf3fd}@media (max-width:640px){.ra-page{padding:16px}.ra-details-grid,.ra-renew-grid{grid-template-columns:1fr}.ra-search-row{flex-direction:column}}.ras-page{box-sizing:border-box;padding:28px 40px 48px;width:100%}.ras-header-card{align-items:center;animation:ras-fadeIn .25s ease;background:#fff;border:1px solid #e4e9f2;border-radius:14px;box-shadow:0 2px 12px #2f80ed12;display:flex;gap:16px;margin:0 auto 24px;max-width:860px;padding:24px 28px}.ras-header-icon{align-items:center;background:#ebf3fd;border-radius:12px;color:#2f80ed;display:flex;flex-shrink:0;height:46px;justify-content:center;width:46px}.ras-title{color:#1a2640;font-size:20px;font-weight:700;margin:0 0 4px}.ras-subtitle{color:#7a8ba6;font-size:13px;margin:0}.ras-search-row{display:flex;gap:10px;margin:0 auto 24px;max-width:860px}.ras-search-input{background:#fff;border:1.5px solid #dce3f0;border-radius:8px;color:#1a2640;flex:1 1;font-family:inherit;font-size:14px;outline:none;padding:10px 14px;transition:border-color .18s,box-shadow .18s}.ras-search-input::placeholder{color:#b0bcce}.ras-search-input:focus{border-color:#2f80ed;box-shadow:0 0 0 3px #2f80ed1f}.ras-search-btn{align-items:center;background:#2f80ed;border:none;border-radius:8px;box-shadow:0 2px 8px #2f80ed40;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:7px;padding:10px 22px;transition:background .18s,box-shadow .18s;white-space:nowrap}.ras-search-btn:hover{background:#1c60c7;box-shadow:0 4px 14px #2f80ed59}.ras-empty{color:#7a8ba6;margin:0 auto;max-width:860px;padding:48px 20px;text-align:center}.ras-empty svg{margin-bottom:12px;opacity:.4}.ras-empty p{font-size:14px}.ras-card{animation:ras-fadeIn .2s ease;background:#fff;border:1px solid #e4e9f2;border-radius:14px;box-shadow:0 2px 12px #2f80ed12;margin:0 auto 20px;max-width:860px;padding:24px 28px}@keyframes ras-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ras-card-header{gap:14px;margin-bottom:16px}.ras-avatar,.ras-card-header{align-items:center;display:flex}.ras-avatar{background:#ebf3fd;border-radius:50%;color:#2f80ed;flex-shrink:0;font-size:18px;font-weight:700;height:44px;justify-content:center;width:44px}.ras-student-name{color:#1a2640;font-size:16px;font-weight:700}.ras-student-sub{color:#7a8ba6;font-size:13px;margin-top:2px}.ras-seat-badge{background:#ebf3fd;border:1px solid #b8d4f8;border-radius:20px;color:#2f80ed;font-size:13px;font-weight:700;margin-left:auto;padding:5px 14px}.ras-divider{background:#f0f3fa;height:1px;margin:16px 0}.ras-details-grid,.ras-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.ras-field{display:flex;flex-direction:column;gap:6px}.ras-field-full{grid-column:1/-1}.ras-label{color:#4a5568;font-size:12px;font-weight:700}.ras-required{color:#e53e3e}.ras-input{background:#fff;border:1.5px solid #dce3f0;border-radius:8px;box-sizing:border-box;color:#1a2640;font-family:inherit;font-size:14px;outline:none;padding:10px 14px;transition:border-color .18s,box-shadow .18s;width:100%}.ras-input:focus:not(:disabled){border-color:#2f80ed;box-shadow:0 0 0 3px #2f80ed1f}.ras-input:disabled{background:#f7fafc;color:#718096;cursor:not-allowed}.ras-detail-item{display:flex;flex-direction:column;gap:3px}.ras-detail-label{color:#7a8ba6;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.ras-detail-value{color:#1a2640;font-size:14px;font-weight:600}.ras-new-seat-value{color:#2f80ed}.ras-section-label{align-items:center;color:#2f80ed;display:flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:.08em;margin-bottom:14px;text-transform:uppercase}.ras-section-dot{background:#2f80ed;border-radius:50%;flex-shrink:0;height:7px;width:7px}.ras-seat-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));margin-bottom:20px}.ras-seat-btn{border:2px solid #0000;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;height:38px;transition:transform .12s,border-color .15s,box-shadow .15s;width:68px}.ras-seat-btn:hover:not(:disabled){box-shadow:0 4px 10px #00000026;transform:translateY(-2px)}.ras-seat-btn:disabled{cursor:not-allowed;opacity:.75}.ras-seat-btn.selected{border-color:#ff9800;box-shadow:0 0 0 3px #ff980040}.ras-actions{border-top:1.5px solid #f0f3fa;display:flex;gap:12px;justify-content:flex-end;padding-top:20px}.ras-btn{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:7px;padding:10px 22px;transition:background .18s,transform .12s,box-shadow .18s}.ras-btn:active{transform:scale(.97)}.ras-btn-reset{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569}.ras-btn-reset:hover{background:#e2e8f0}.ras-btn-update{background:#2f80ed;border:none;box-shadow:0 2px 8px #2f80ed40;color:#fff}.ras-btn-update:hover:not(:disabled){background:#1c60c7;box-shadow:0 4px 14px #2f80ed59}.ras-btn-disabled{background:#dce3f0!important;box-shadow:none!important;color:#9aaac2!important;cursor:not-allowed!important}@media (max-width:640px){.ras-page{padding:16px}.ras-details-grid,.ras-grid{grid-template-columns:1fr}.ras-search-row{flex-direction:column}}.ams-page{box-sizing:border-box;padding:28px 40px 48px;width:100%}.ams-header-card{align-items:center;animation:ams-fadeIn .25s ease;background:#fff;border:1px solid #e4e9f2;border-radius:14px;box-shadow:0 2px 12px #2f80ed12;display:flex;gap:16px;margin:0 auto 24px;max-width:860px;padding:24px 28px}.ams-header-icon{align-items:center;background:#ebf3fd;border-radius:12px;color:#2f80ed;display:flex;flex-shrink:0;height:46px;justify-content:center;width:46px}.ams-title{color:#1a2640;font-size:20px;font-weight:700;margin:0 0 4px}.ams-subtitle{color:#7a8ba6;font-size:13px;margin:0}.ams-search-row{display:flex;gap:10px;margin:0 auto 24px;max-width:860px}.ams-search-input{background:#fff;border:1.5px solid #dce3f0;border-radius:8px;color:#1a2640;flex:1 1;font-family:inherit;font-size:14px;outline:none;padding:10px 14px;transition:border-color .18s,box-shadow .18s}.ams-search-input::placeholder{color:#b0bcce}.ams-search-input:focus{border-color:#2f80ed;box-shadow:0 0 0 3px #2f80ed1f}.ams-search-btn{align-items:center;background:#2f80ed;border:none;border-radius:8px;box-shadow:0 2px 8px #2f80ed40;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:7px;padding:10px 22px;transition:background .18s,box-shadow .18s;white-space:nowrap}.ams-search-btn:hover{background:#1c60c7;box-shadow:0 4px 14px #2f80ed59}.ams-empty{color:#7a8ba6;margin:0 auto;max-width:860px;padding:48px 20px;text-align:center}.ams-empty svg{margin-bottom:12px;opacity:.4}.ams-empty p{font-size:14px}.ams-card{animation:ams-fadeIn .2s ease;background:#fff;border:1px solid #e4e9f2;border-radius:14px;box-shadow:0 2px 12px #2f80ed12;margin:0 auto 20px;max-width:860px;padding:24px 28px}@keyframes ams-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ams-card-header{gap:14px;margin-bottom:16px}.ams-avatar,.ams-card-header{align-items:center;display:flex}.ams-avatar{background:#ebf3fd;border-radius:50%;color:#2f80ed;flex-shrink:0;font-size:18px;font-weight:700;height:44px;justify-content:center;width:44px}.ams-student-name{color:#1a2640;font-size:16px;font-weight:700}.ams-student-sub{color:#7a8ba6;font-size:13px;margin-top:2px}.ams-seat-badge{background:#ebf3fd;border:1px solid #b8d4f8;border-radius:20px;color:#2f80ed;font-size:13px;font-weight:700;margin-left:auto;padding:5px 14px}.ams-divider{background:#f0f3fa;height:1px;margin:16px 0}.ams-section-label{align-items:center;color:#2f80ed;display:flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:.08em;margin-bottom:14px;text-transform:uppercase}.ams-section-dot{background:#2f80ed;border-radius:50%;flex-shrink:0;height:7px;width:7px}.ams-grid{grid-gap:16px 20px;display:grid;gap:16px 20px;grid-template-columns:1fr 1fr;margin-bottom:4px}.ams-field{display:flex;flex-direction:column}.ams-field-full{grid-column:1/-1}.ams-label{color:#3d4f6e;font-size:13px;font-weight:600;margin-bottom:6px}.ams-required{color:#e53935}.ams-input{background:#f8fafd;border:1.5px solid #dce3f0;border-radius:8px;box-sizing:border-box;color:#1a2640;font-family:inherit;font-size:14px;outline:none;padding:9px 12px;transition:border-color .18s,box-shadow .18s,background .18s;width:100%}.ams-input::placeholder{color:#b0bcce}.ams-input:focus{background:#fff;border-color:#2f80ed;box-shadow:0 0 0 3px #2f80ed1f}.ams-input:disabled{background:#f0f3fa;border-color:#e4e9f2;color:#7a8ba6;cursor:not-allowed}input[type=number].ams-input::-webkit-inner-spin-button,input[type=number].ams-input::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number].ams-input{-moz-appearance:textfield}.ams-actions{border-top:1.5px solid #f0f3fa;display:flex;gap:12px;justify-content:flex-end;margin-top:16px;padding-top:20px}.ams-btn{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:7px;padding:10px 22px;transition:background .18s,transform .12s,box-shadow .18s}.ams-btn:active{transform:scale(.97)}.ams-btn-update{background:#2f80ed;border:none;box-shadow:0 2px 8px #2f80ed40;color:#fff}.ams-btn-update:hover:not(:disabled){background:#1c60c7;box-shadow:0 4px 14px #2f80ed59}.ams-btn-disabled{background:#dce3f0!important;box-shadow:none!important;color:#9aaac2!important;cursor:not-allowed!important}.ams-btn-reset{background:#fff;border:1.5px solid #2f80ed;color:#2f80ed}.ams-btn-reset:hover{background:#ebf3fd}@media (max-width:640px){.ams-page{padding:16px}.ams-grid{grid-template-columns:1fr}.ams-search-row{flex-direction:column}}.cs-page{align-items:flex-start;background-color:#f7fafc;display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:20px}.cs-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000000d;max-width:600px;padding:30px;width:100%}.cs-form-header{align-items:center;border-bottom:1px solid #edf2f7;display:flex;gap:15px;margin-bottom:30px;padding-bottom:15px}.cs-header-icon{align-items:center;background:#ebf8ff;border-radius:8px;color:#3182ce;display:flex;justify-content:center;padding:10px}.cs-form-title{color:#2d3748;font-size:20px;font-weight:700;margin:0}.cs-form-subtitle{color:#718096;font-size:13px;margin:2px 0 0}.cs-section{margin-bottom:25px}.cs-section-label{align-items:center;color:#4a5568;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:15px;text-transform:uppercase}.cs-section-dot{background-color:#3182ce;border-radius:50%;height:6px;width:6px}.cs-grid-2{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.cs-field{display:flex;flex-direction:column;margin-bottom:15px}.cs-label{color:#4a5568;font-size:13px;font-weight:600;margin-bottom:6px}.cs-required{color:#e53e3e}.cs-input{border:1px solid #cbd5e0;border-radius:6px;color:#2d3748;font-size:14px;outline:none;padding:10px 12px;transition:all .2s ease-in-out}.cs-input:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce26}.cs-actions{border-top:1px solid #edf2f7;display:flex;gap:12px;justify-content:flex-end;margin-top:25px;padding-top:20px}.cs-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.cs-btn-back{background-color:#edf2f7;color:#4a5568}.cs-btn-back:hover{background-color:#e2e8f0}.cs-btn-submit{background-color:#3182ce;color:#fff}.cs-btn-submit:hover{background-color:#2b6cb0}.cs-btn-submit:disabled{background-color:#a0aec0;cursor:not-allowed}.rp-page{box-sizing:border-box;padding:28px 40px 48px;width:100%}.rp-card,.rp-header-card{background:#fff;border:1px solid #e4e9f2;border-radius:14px;box-shadow:0 2px 12px #2f80ed12;box-sizing:border-box;margin:0 auto 24px;max-width:1000px;width:100%}.rp-header-card{align-items:center;display:flex;justify-content:space-between;padding:20px 28px}.rp-table-wrapper{overflow-x:auto;width:100%}.rp-table{border-collapse:collapse;font-size:14px;table-layout:auto;width:100%}.rp-table thead tr{background:#f4f7fd;border-bottom:1.5px solid #e4e9f2}.rp-table th{color:#7a8ba6;font-size:11px;font-weight:700;padding:13px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.rp-table td{color:#1a2640;padding:12px 16px;white-space:nowrap}.rp-td-name{font-weight:600!important;min-width:150px}.rp-btn-back{align-items:center;background:#fff;border:1.5px solid #2f80ed;border-radius:8px;color:#2f80ed;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:7px;height:38px;padding:9px 16px;transition:all .18s;white-space:nowrap}.rp-btn-back:hover,.rp-seat-badge{background:#ebf3fd}.rp-seat-badge{border:1px solid #b8d4f8;border-radius:20px;color:#2f80ed;font-size:12px;font-weight:700;padding:3px 10px}.rp-input{border:1.5px solid #e4e9f2;border-radius:8px;font-size:13px;padding:9px 12px}.input-group{margin-bottom:15px;width:100%}.input-group input{border:1px solid #ced4da;border-radius:4px;box-sizing:border-box;height:40px;padding:8px 12px;width:100%}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-toggle-btn{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;padding:0;position:absolute;right:12px}.input-icon{margin-right:6px}body{background-color:#f5f6fa;font-family:Arial,sans-serif;margin:0}.container{padding:20px 40px;position:relative;z-index:1}.navbar{align-items:center;background:#fff;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:15px 40px}.nav-button{background-color:#2f80ed;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;min-width:140px;padding:10px 18px;text-align:center}.nav-button:hover{background-color:#1c60c7}.card{background:#fff;border:1px solid #ddd;border-radius:10px;margin-top:20px;padding:20px;width:320px}.label{display:block;font-size:14px;margin-bottom:4px}.input{border:1px solid #ccc;border-radius:5px;margin-bottom:12px}.button,.input{padding:8px;width:100%}.button{border:none;border-radius:5px;cursor:pointer;margin-top:10px}.button-primary{background-color:#2f80ed;color:#fff}.button-success{background-color:#27ae60}.button-danger{background-color:#eb5757}.button-disabled{background-color:#ccc;cursor:not-allowed}.page-title{font-size:22px;margin-bottom:15px}.form-wrapper{display:flex;justify-content:flex-start}.button-success{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px}.button-success:hover{background-color:#218838;transform:scale(1.03)}.button-danger{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px}.button-danger:hover{background-color:#c82333;transform:scale(1.03)}
/*# sourceMappingURL=main.e931f0bb.css.map*/