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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:#fff;color:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5}.landing{display:flex;flex-direction:column;min-height:100vh}.header{background:#000;border-bottom:2px solid #333;color:#fff;padding:40px 20px;text-align:center}.header h1{font-size:28px;font-weight:600;letter-spacing:-.5px;margin-bottom:8px}.header p{font-size:16px;opacity:.8}.main{flex:1 1;padding:40px 20px}.content{margin:0 auto;max-width:900px}.intro{margin-bottom:50px;text-align:center}.intro h2{color:#000;font-size:24px;font-weight:500;margin-bottom:12px}.intro p{color:#666;font-size:16px;margin:0 auto;max-width:600px}.modules{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:50px}.module{background:#fff;border:3px solid #000;padding:30px;position:relative;transition:all .3s ease}.module:hover{box-shadow:12px 12px 0 #000;transform:translateY(-6px)}.module h3{border-bottom:2px solid #000;color:#000;font-size:20px;font-weight:700;letter-spacing:1.5px;margin-bottom:20px;padding-bottom:10px;text-transform:uppercase}.module ul{list-style:none}.module li{border-bottom:1px solid #eee;color:#000;font-weight:500;padding:10px 0 10px 20px;position:relative}.module li:last-child{border-bottom:none}.module li:before{color:#000;content:"▶";font-weight:700;left:0;position:absolute}.auth-section{border-top:1px solid #eee;padding:30px 0;text-align:center}.auth-buttons{display:flex;gap:20px;justify-content:center}.btn{border:3px solid #000;display:inline-block;font-size:14px;font-weight:700;letter-spacing:1px;padding:16px 40px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.login-btn{background:#000;color:#fff}.login-btn:hover{box-shadow:8px 8px 0 #000;transform:translateY(-4px)}.login-btn:hover,.signup-btn{background:#fff;color:#000}.signup-btn:hover{background:#000;box-shadow:8px 8px 0 #666;color:#fff;transform:translateY(-4px)}.navbar{background:#000;border-bottom:3px solid #fff;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.nav-logo h2{color:#fff;font-size:24px;font-weight:700;letter-spacing:2px;margin:0}.nav-links{align-items:center;display:flex;gap:30px}.nav-link{color:#fff;font-size:14px;font-weight:600;letter-spacing:1px;padding:20px 0;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.nav-link:hover{color:#ccc;transform:translateY(-2px)}.nav-auth{display:flex;gap:15px}.nav-btn{border:2px solid #fff;font-size:12px;font-weight:700;letter-spacing:1px;padding:10px 20px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.login-nav-btn{background:#fff;color:#000}.login-nav-btn:hover{transform:translateY(-2px)}.login-nav-btn:hover,.signup-nav-btn{background:#000;color:#fff}.signup-nav-btn:hover{background:#fff;color:#000;transform:translateY(-2px)}.hero-section{background:#000;border-bottom:3px solid #fff;color:#fff;padding:80px 20px;text-align:center}.hero-content h1{font-size:48px;font-weight:900;letter-spacing:3px;line-height:1.2;margin-bottom:20px}.hero-content p{font-size:20px;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px;opacity:.9}.hero-stats{display:flex;gap:60px;justify-content:center;margin-top:60px}.stat-item{text-align:center}.stat-number{color:#fff;display:block;font-size:36px;font-weight:900;margin-bottom:8px}.stat-label{font-size:14px;letter-spacing:1px;opacity:.8;text-transform:uppercase}.features-section{padding:80px 20px;text-align:center}.features-section h2{color:#000;font-size:36px;font-weight:900;letter-spacing:2px;margin-bottom:60px}.features-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px}.feature-card{background:#fff;border:3px solid #000;padding:40px;text-align:center;transition:all .3s ease}.feature-card:hover{box-shadow:16px 16px 0 #000;transform:translateY(-8px)}.feature-card h3{color:#000;font-size:24px;font-weight:700;letter-spacing:1px;margin-bottom:20px;text-transform:uppercase}.about-section{background:#000;color:#fff;padding:80px 20px;text-align:center}.about-content{margin:0 auto;max-width:800px}.about-content h2{font-size:36px;font-weight:900;letter-spacing:2px;margin-bottom:30px}.about-content p{font-size:18px;line-height:1.6;margin-bottom:50px;opacity:.9}.tech-stack h3{font-size:24px;font-weight:700;letter-spacing:1px;margin-bottom:30px}.tech-items{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.tech-item{background:#fff;border:2px solid #fff;color:#000;font-size:14px;font-weight:700;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.tech-item:hover{background:#000;color:#fff;transform:translateY(-4px)}.cta-section{background:#f8f8f8;border-bottom:3px solid #000;border-top:3px solid #000;padding:80px 20px;text-align:center}.cta-section h2{color:#000;font-size:36px;font-weight:900;letter-spacing:2px;margin-bottom:20px}.cta-section p{color:#666;font-size:18px;margin-bottom:40px}.cta-buttons{display:flex;gap:30px;justify-content:center}.footer{background:#000;color:#fff;padding:60px 20px 20px}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto 40px;max-width:1200px}.footer-section h3{font-size:24px;font-weight:900;letter-spacing:2px;margin-bottom:20px}.footer-section h4{font-size:16px;font-weight:700;letter-spacing:1px;margin-bottom:15px;text-transform:uppercase}.footer-section p{line-height:1.6;opacity:.8}.footer-section ul{list-style:none}.footer-section li{margin-bottom:8px;opacity:.8}.footer-section a{color:#fff;text-decoration:none;transition:opacity .3s ease}.footer-section a:hover{opacity:.6}.footer-bottom{border-top:1px solid #333;opacity:.8;padding-top:20px;text-align:center}.auth-page{align-items:center;background:#fafafa;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-container{background:#fff;border:3px solid #000;max-width:400px;padding:40px;transition:all .3s ease;width:100%}.auth-container:hover{box-shadow:12px 12px 0 #000;transform:translateY(-4px)}.auth-header{margin-bottom:30px;text-align:center}.auth-header h2{color:#000;font-size:24px;font-weight:500;margin-bottom:8px}.auth-header p{color:#666;font-size:14px}.auth-form,.profile-form .form-group{margin-bottom:30px}.profile-form h3{border-bottom:3px solid #000;font-size:28px;font-weight:900;letter-spacing:2px;margin-bottom:30px;padding-bottom:15px;text-align:center}.form-group label,.profile-form h3{color:#000;text-transform:uppercase}.form-group label{font-size:16px;font-weight:700;letter-spacing:1px;margin-bottom:10px}.form-group input{background:#fff;border:2px solid #000;font-size:14px;font-weight:500;padding:14px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#000;box-shadow:4px 4px 0 #000;outline:none;transform:translateY(-2px)}.submit-btn{background:#000;border:3px solid #000;color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:1px;padding:16px;text-transform:uppercase;transition:all .3s ease;width:100%}.submit-btn:hover{background:#fff;box-shadow:8px 8px 0 #000;color:#000;transform:translateY(-4px)}.auth-footer{text-align:center}.auth-footer p{color:#666;font-size:14px;margin-bottom:12px}.auth-footer a{color:#000;font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.back-link{color:#666;font-size:14px}.register-container{max-width:450px}.form-group select{background:#fff;border:2px solid #000;cursor:pointer;font-size:14px;font-weight:500;padding:14px;transition:all .3s ease;width:100%}.form-group select:focus{border-color:#000;box-shadow:4px 4px 0 #000;outline:none;transform:translateY(-2px)}.error-message{background:#fff5f5;border:1px solid #fed7d7;border-radius:4px;color:#c53030}.error-message,.success-message{font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.success-message{background:#f0fff4;border:1px solid #9ae6b4;border-radius:4px;color:#2f855a}.submit-btn:disabled,.submit-btn:disabled:hover{background:#ccc}.dashboard-layout{display:flex;flex-direction:column;min-height:100vh}.dashboard-header{align-items:center;background:#000;border-bottom:3px solid #fff;color:#fff;display:flex;height:60px;justify-content:space-between;left:0;padding:16px 24px;position:fixed;right:0;top:0;z-index:1000}.dashboard-header h1{font-size:24px;font-weight:900;letter-spacing:2px;text-transform:uppercase}.header-info{align-items:center;display:flex;gap:16px}.header-info span{color:#ccc;font-size:14px}.logout-btn{background:#fff;border:2px solid #fff;color:#000;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:1px;padding:10px 20px;text-transform:uppercase;transition:all .3s ease}.logout-btn:hover{background:#000;color:#fff;transform:translateY(-2px)}.dashboard-body{display:flex;flex:1 1}.dashboard-body,.sidebar{height:calc(100vh - 60px)}.sidebar{background:#000;border-right:3px solid #fff;color:#fff;left:0;overflow-y:auto;position:fixed;top:60px;width:250px}.sidebar-header{border-bottom:3px solid #fff;padding:20px}.sidebar-header h3{font-size:18px;font-weight:900;letter-spacing:2px;text-transform:uppercase}.sidebar-nav{padding:0}.sidebar-item{background:none;border:none;border-bottom:1px solid #333;color:#fff;cursor:pointer;display:block;font-size:14px;font-weight:600;letter-spacing:1px;padding:18px 20px;text-align:left;text-transform:uppercase;transition:all .3s ease;width:100%}.sidebar-item:hover{background:#fff;color:#000;transform:translateX(8px)}.sidebar-item.active{background:#fff;border-right:6px solid #000;color:#000}.dashboard-main{background:#fff;flex:1 1;height:calc(100vh - 60px);margin-left:250px;overflow-y:auto;padding:84px 24px 24px}.content-page{max-width:1000px}.content-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:40px}.content-header-text{flex:1 1}.content-header h2{font-size:32px;margin-bottom:12px}.filter-select{border:2px solid #000;letter-spacing:1px;padding:12px 16px;transition:all .3s ease}.filter-select:focus,.filter-select:hover{transform:translateY(-2px)}.filter-select:hover{box-shadow:4px 4px 0 #000}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card{background:#fff;border:3px solid #000;padding:30px;position:relative;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:12px 12px 0 #000;transform:translateY(-6px)}.stat-card h3{color:#666;font-size:14px;font-weight:500;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.stat-number{color:#000;font-size:32px;font-weight:600}.stat-status{background:#f0f0f0;border:1px solid #ddd;color:#666;font-size:16px;font-weight:500;padding:4px 12px}.recent-activity{margin-bottom:40px}.recent-activity h3{font-weight:700;padding-bottom:8px}.activity-list{background:#fff;border:3px solid #000}.activity-item{border-bottom:2px solid #eee;font-size:14px;font-weight:500;padding:16px 20px;transition:all .2s ease}.activity-item:hover{background:#f8f8f8;transform:translateX(4px)}.activity-item:last-child{border-bottom:none}.room-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.room-card{border:2px solid #000;padding:24px;position:relative;transition:all .2s ease}.room-card:hover{box-shadow:8px 8px 0 #000}.room-card h4{font-weight:700;margin-bottom:16px}.room-card p{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.room-card p strong{font-weight:700}.room-card p span{font-weight:400}.status-available{background:#000}.status-available,.status-occupied{color:#fff;font-size:11px;padding:4px 8px}.status-occupied{background:#666}.apply-btn{background:#000;border:none;color:#fff;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:.5px;margin-top:16px;padding:10px 20px;text-transform:uppercase}.apply-btn:hover{background:#333}.status-card{background:#fff;border:3px solid #000;max-width:500px;padding:30px;transition:all .3s ease}.status-card:hover{box-shadow:8px 8px 0 #000;transform:translateY(-4px)}.status-card h4{color:#000;font-size:18px;font-weight:500;margin-bottom:16px}.status-card p{color:#666;font-size:14px;margin-bottom:8px}.status-pending{background:#f0f0f0;color:#666;padding:2px 8px}.cancel-btn{background:#fff;border:1px solid #000;color:#000;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:.5px;margin-top:16px;padding:10px 20px;text-transform:uppercase}.cancel-btn:hover{background:#f5f5f5}.profile-form{background:#fff;border:3px solid #000;padding:40px;transition:all .3s ease}.profile-form:hover{box-shadow:12px 12px 0 #000;transform:translateY(-4px)}.update-btn{background:#000;border:3px solid #000;color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:1px;margin-top:24px;padding:16px 32px;text-transform:uppercase;transition:all .3s ease}.update-btn:hover{background:#fff;box-shadow:8px 8px 0 #000;color:#000;transform:translateY(-4px)}.loading-spinner{padding:2rem}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#333;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.profile-required{background:#fff;border:3px solid #000;margin:30px 0;padding:40px;transition:all .3s ease}.profile-required:hover{box-shadow:12px 12px 0 #000;transform:translateY(-4px)}.profile-required h3{font-size:24px;font-weight:900;letter-spacing:2px;text-transform:uppercase}.profile-required p{font-size:16px;font-weight:500;line-height:1.6;margin-bottom:15px}.approval-steps{margin:30px 0}.approval-step{align-items:center;border-bottom:2px solid #000;color:#000;display:flex;font-size:16px;font-weight:600;gap:15px;padding:16px 0}.approval-step:before{color:#000;content:"▶";font-size:14px;font-weight:900}.approval-step strong{font-weight:900}.steps-container{background:#fff;border:3px solid #000;margin:40px 0;padding:40px;transition:all .3s ease}.steps-container:hover{box-shadow:12px 12px 0 #000;transform:translateY(-4px)}.steps-container h3{border-bottom:3px solid #000;font-size:24px;font-weight:900;letter-spacing:2px;margin-bottom:30px;padding-bottom:15px;text-transform:uppercase}.steps-list{gap:25px}.step-item{border:2px solid #000;gap:25px;padding:25px;transition:all .3s ease}.step-item:hover{box-shadow:8px 8px 0 #000;transform:translateX(8px)}.step-number{border:3px solid #000;font-size:20px;font-weight:900;height:50px;width:50px}.step-content h4{font-size:18px;font-weight:700;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.step-content p{font-weight:500;line-height:1.6}.form-modal{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.room-form{background:#fff;border:3px solid #000;max-width:500px;padding:40px;transition:all .3s ease;width:90%}.room-form:hover{box-shadow:12px 12px 0 #000;transform:translateY(-4px)}.room-form h3{border-bottom:3px solid #000;color:#000;font-size:24px;font-weight:900;letter-spacing:2px;margin-bottom:30px;padding-bottom:15px;text-align:center;text-transform:uppercase}.form-actions{display:flex;gap:15px;justify-content:center;margin-top:30px}.form-actions .cancel-btn,.form-actions .submit-btn{border:3px solid #000;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:1px;padding:14px 28px;text-transform:uppercase;transition:all .3s ease}.form-actions .submit-btn{background:#000;color:#fff}.form-actions .submit-btn:hover{background:#fff;box-shadow:6px 6px 0 #000;color:#000;transform:translateY(-2px)}.form-actions .cancel-btn{background:#fff;color:#000}.form-actions .cancel-btn:hover{background:#000;box-shadow:6px 6px 0 #666;color:#fff;transform:translateY(-2px)}.room-actions{align-items:center;border-top:2px solid #000;display:flex;gap:12px;justify-content:center;margin-top:24px;padding-top:16px}.room-actions button{border:2px solid #000;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:1px;min-width:90px;padding:12px 20px;text-transform:uppercase;transition:all .2s ease}.room-actions .update-btn{background:#000;color:#fff}.room-actions .update-btn:hover{background:#fff;box-shadow:4px 4px 0 #000;color:#000;transform:translateY(-2px)}.room-actions .cancel-btn{background:#fff;border:2px solid #000;color:#000}.room-actions .cancel-btn:hover{background:#000;box-shadow:4px 4px 0 #666;color:#fff;transform:translateY(-2px)}.applications-list{display:flex;flex-direction:column;gap:20px}.application-card{align-items:flex-start;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:24px;transition:all .2s ease}.application-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.app-info{flex:1 1}.app-info h4{color:#000;font-size:18px;font-weight:600;margin-bottom:12px}.app-info p{color:#666;font-size:14px;line-height:1.4;margin-bottom:6px}.app-actions{align-items:stretch;display:flex;flex-direction:column;gap:8px;min-width:120px}.reject-btn{border:1px solid #dc3545;border-radius:4px;color:#dc3545;font-size:13px;font-weight:500;letter-spacing:.5px;padding:10px 16px;transition:all .2s ease}.reject-btn:hover{background:#dc3545;transform:translateY(-1px)}.no-data{color:#666;font-style:italic}.users-table{border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.table-header{background:#000;color:#fff;font-size:13px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.table-header,.table-row{align-items:center;display:grid;grid-template-columns:2fr 2fr 1.2fr 1fr 1fr;padding:18px 20px}.table-row{border-bottom:1px solid #eee;font-size:14px;min-height:60px;transition:all .2s ease}.table-row:hover{background:#f8f9fa;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.table-row:last-child{border-bottom:none}.status-badge{border-radius:3px;font-size:11px;font-weight:500;letter-spacing:.5px;min-width:70px;padding:6px 12px;text-align:center}.status-pending{border:1px solid #ffeaa7}.status-rejected{border:1px solid #f5c6cb}.status-incomplete{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.room-allocated{background:#f8f9fa;border:1px solid #000;border-radius:3px;font-weight:600;padding:4px 8px}.role-badge{border-radius:3px;font-size:11px;font-weight:500;padding:6px 12px;text-align:center}.table-header-admin{letter-spacing:.5px;text-transform:uppercase}.table-header-admin,.table-row-admin{grid-template-columns:2fr 2fr 1fr;padding:16px 20px}.table-row-admin{border-bottom:1px solid #eee;transition:background .2s}@media (max-width:768px){.dashboard-body{flex-direction:column}.sidebar{height:auto;position:relative;top:0;width:100%}.dashboard-main{height:auto;margin-left:0}.sidebar-nav{display:flex;overflow-x:auto}.sidebar-item{min-width:120px;white-space:nowrap}.room-grid,.stats-grid{grid-template-columns:1fr}.table-header,.table-header-admin,.table-row,.table-row-admin{gap:10px;grid-template-columns:1fr}}.page{border:1px solid #ddd;margin:60px auto;max-width:600px;padding:40px;text-align:center}.page h2{color:#000;font-size:24px;margin-bottom:16px}.page p{color:#666}.notification-container{display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;top:20px;z-index:9999}.notification{align-items:center;animation:slideIn .3s ease-out;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:space-between;min-width:300px;padding:12px 16px}.notification-success{background:#2f855a}.notification-error{background:#c53030}.notification-info{background:#333}.notification-close{background:none;border:none;color:#fff;cursor:pointer;font-size:18px;margin-left:10px}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.error-boundary{align-items:center;background:#fff;border:1px solid #ddd;display:flex;flex-direction:column;justify-content:center;margin:20px;min-height:50vh;padding:40px;text-align:center}.error-boundary h2{color:#c53030;font-size:24px;margin-bottom:16px}.error-boundary p{color:#666;font-size:16px;margin-bottom:24px}.allocation-form{background:#fafafa;border:1px solid #ddd;max-width:400px;padding:30px}.form-select{background:#fff;border:1px solid #ddd;cursor:pointer;font-size:14px;padding:12px;width:100%}.form-select:focus{border-color:#000;outline:none}.apply-btn:disabled{background:#ccc;cursor:not-allowed}.apply-btn:disabled:hover{background:#ccc}.header-actions{gap:16px}.filter-select{border:1px solid #ddd;padding:8px 12px}.filter-select:focus{border-color:#000}.profile-approved,.profile-pending{margin:20px 0}.profile-approved,.profile-pending,.profile-required{background:#fafafa;border:1px solid #ddd;padding:30px;text-align:center}.profile-required{margin:20px auto;max-width:600px}.profile-required h2{color:#000;font-size:20px;font-weight:500;margin-bottom:15px}.profile-required p{color:#666;font-size:14px;line-height:1.5;margin-bottom:10px}.auto-allocation{background:#fafafa;border:1px solid #ddd;margin:20px 0;padding:30px;text-align:center}.profiles-list{gap:20px}.profile-card{background:#fafafa;border:1px solid #ddd;padding:20px}.profile-info h4{margin-bottom:12px}.profile-details{grid-gap:8px;gap:8px}.profile-details p{color:#666}.profile-actions{gap:10px}.profile-form textarea{background:#fff;border:1px solid #ddd;font-size:14px;padding:12px;resize:vertical;width:100%}.profile-form textarea:focus{border-color:#000;outline:none}.tab-buttons{gap:10px;margin-bottom:20px}.tab-btn{border:1px solid #ddd;padding:10px 20px;transition:all .2s}.tab-btn:hover{background:#f5f5f5}.tab-btn.active{border-color:#000}.table-header-admin{background:#000;color:#fff;font-weight:500}.table-header-admin,.table-row-admin{display:grid;font-size:14px;grid-template-columns:1fr 1fr 100px;padding:12px 16px}.table-row-admin{align-items:center;border-bottom:1px solid #ddd}.table-row-admin:last-child{border-bottom:none}.table-row-admin:hover{background:#fafafa}.status-note{color:#666;font-size:12px;font-style:italic;margin-top:8px}@media (max-width:768px){.modules{gap:20px;grid-template-columns:1fr}.auth-buttons{align-items:center;flex-direction:column}.header h1{font-size:24px}.content{padding:0 10px}.notification-container{left:10px;right:10px;top:10px}.notification{font-size:14px;min-width:auto}.error-boundary{margin:10px;padding:20px}}.status-not-applied{background-color:#e3f2fd;border:2px solid #1976d2;border-radius:6px;color:#1565c0}.status-in-progress,.status-not-applied{display:inline-block;font-size:1em;font-weight:700;margin:10px 0;padding:8px 12px}.status-in-progress{background-color:#fff3cd;border:2px solid #ffc107;border-radius:6px;color:#856404}.status-disapproved{background-color:#f8d7da;border:2px solid #dc3545;border-radius:6px;color:#721c24;display:inline-block;font-size:1em;font-weight:700;margin:10px 0;padding:8px 12px}.status-message{color:#333;font-size:1.1em}.status-action{margin-top:10px}.timeline-container{background:#fafafa;border:1px solid #ddd;margin-bottom:20px}.timeline-container h4{font-size:18px;font-weight:500;margin-bottom:20px}.timeline{gap:20px}.timeline-step{align-items:flex-start;gap:15px;position:relative}.timeline-step:not(:last-child):after{background:#ddd;content:"";height:30px;left:20px;position:absolute;top:40px;width:2px}.timeline-step.completed:after{background:#28a745}.timeline-step.active:after{background:#ffc107}.timeline-marker{font-size:16px;height:40px;width:40px}.timeline-step.pending .timeline-marker{background:#f8f9fa;border:2px solid #ddd;color:#666}.timeline-step.active .timeline-marker{background:#fff3cd;border:2px solid #ffc107;color:#856404}.timeline-step.completed .timeline-marker{background:#d4edda;border:2px solid #28a745;color:#155724}.timeline-content{padding-top:5px}.timeline-content h5{font-weight:500}.timeline-step.active .timeline-content h5{color:#856404}.timeline-step.completed .timeline-content h5{color:#155724}.timeline-step.rejected .timeline-content h5{color:#721c24}.timeline-step.pending .timeline-content h5{color:#666}.timeline-step.active .timeline-content p{color:#856404;font-weight:600}.timeline-step.completed .timeline-content p{color:#155724;font-weight:600}.timeline-step.rejected .timeline-content p{color:#721c24;font-weight:600}.status-incomplete{background:#f8d7da;color:#721c24}.status-pending{background:#fff3cd;color:#856404}.status-approved{background:#d4edda;color:#155724}.status-rejected{background:#f8d7da;color:#721c24}.status-unknown{background:#e2e3e5;color:#6c757d}.room-not-allocated{color:#dc3545}.room-allocated{color:#28a745;font-weight:500}.profile-status-approved{background:#fafafa;border:1px solid #ddd;margin:20px 0;padding:30px;text-align:center}.profile-status-approved h3{color:#000;font-size:18px;font-weight:500;margin-bottom:15px}.profile-status-approved p{color:#666;font-size:14px;margin:0}.profile-status-pending{background:#fafafa;border:1px solid #ddd;margin:20px 0;padding:30px;text-align:center}.profile-status-pending h3{color:#000;font-size:18px;font-weight:500;margin-bottom:15px}.profile-status-pending p{color:#666;font-size:14px;margin:0}.profile-status-rejected{background:#fafafa;border:1px solid #ddd;margin:20px 0;padding:30px;text-align:center}.profile-status-rejected h3{color:#000;font-size:18px;font-weight:500;margin-bottom:15px}.profile-status-rejected p{color:#666;font-size:14px;margin:0}.submit-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.7}.submit-btn:disabled:hover{background:#6c757d}.profile-form{background:#fafafa;border:1px solid #ddd;border-radius:8px;max-width:600px;padding:30px}.form-group{margin-bottom:25px}.form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e9ecef;border-radius:6px;font-size:14px;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.random-allocation-section{background:#fafafa;border:1px solid #ddd;margin:20px 0;padding:30px}.random-allocation-section h3{font-size:18px;font-weight:500;margin-bottom:15px}.random-allocation-section p{color:#666;font-size:14px;margin-bottom:20px}.random-allocate-btn{border:none;font-size:14px;font-weight:500;letter-spacing:.5px;padding:12px 24px;transition:background .2s}.random-allocate-btn:hover{background:#333}.random-allocate-btn:disabled,.random-allocate-btn:disabled:hover{background:#ccc}.available-rooms-section{margin-top:30px}.available-rooms-section h3{border-bottom:2px solid #eee;color:#333}.allocation-status{background:#fafafa;border:1px solid #ddd;margin:20px 0;padding:30px}.allocation-status h3{font-size:18px;font-weight:500;margin-bottom:15px}.allocation-status p{color:#666;font-size:14px;margin-bottom:15px}.allocated-room-info{background:#fff;border:1px solid #eee;margin-top:15px}.allocated-room-info p{color:#666;font-size:14px}.allocation-spinner{background:#fafafa;border:1px solid #ddd;margin:20px 0;text-align:center}.spinner-container{display:inline-block;margin-bottom:20px}.spinning-wheel{animation:spin-wheel 1s linear infinite;border:4px solid #f3f3f3;margin:0 auto 20px}@keyframes spin-wheel{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.room-number-display{background:#fff;border:1px solid #ddd;border-radius:50%;height:80px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px}.room-label{color:#666;font-size:10px;font-weight:500;letter-spacing:.5px}.spinning-number{font-size:24px;font-weight:600}.allocation-text{color:#666;font-size:14px;font-weight:500;margin:20px 0}.progress-bar{height:4px;margin-top:20px;width:100%}.progress-fill{animation:progress-fill 10s linear forwards;width:0}@keyframes progress-fill{0%{width:0}to{width:100%}}.allocation-details{display:flex;flex-direction:column}.hostel-info-card,.profile-details-card,.room-details-card{background:#fafafa;border:1px solid #ddd;border-radius:8px}.hostel-info-card h3,.profile-details-card h3,.room-details-card h3{border-bottom:2px solid #eee;font-weight:600}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:12px}.detail-item strong{color:#333;display:block;margin-bottom:5px}.info-list{gap:12px}.info-item{background:#fff;border:1px solid #e9ecef;border-radius:6px}.steps-container{background:#fafafa;border:1px solid #ddd;margin:30px 0;padding:30px}.steps-container h3{color:#000;font-size:18px;font-weight:500;margin-bottom:25px;text-align:center}.steps-list{display:flex;flex-direction:column;gap:20px}.step-item{align-items:flex-start;background:#fff;border:1px solid #ddd;display:flex;gap:20px;padding:20px}.step-number{align-items:center;background:#000;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.step-content h4,.step-number{font-size:16px;font-weight:500}.step-content h4{color:#000;margin-bottom:8px}.step-content p{color:#666;font-size:14px;line-height:1.5;margin:0}.rules-container{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin:30px 0;padding:30px}.rules-container h3{color:#000;font-size:20px;font-weight:600;margin-bottom:25px;text-align:center}.rules-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.rule-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px}.rule-card h4{border-bottom:1px solid #eee;color:#000;font-size:16px;font-weight:600;margin-bottom:15px;padding-bottom:8px}.rule-card ul{list-style:none;margin:0;padding:0}.rule-card li{border-bottom:1px solid #f8f9fa;color:#666;font-size:14px;padding:8px 0 8px 20px;position:relative}.rule-card li:before{color:#007bff;content:"•";font-weight:700;left:0;position:absolute}.rule-card li:last-child{border-bottom:none}@media (max-width:768px){.detail-grid,.rules-grid{grid-template-columns:1fr}.step-item{flex-direction:column;text-align:center}.allocation-details{gap:20px}}.switch-info{margin-bottom:30px}.current-room-card{background:#fafafa;border:1px solid #ddd;max-width:400px;padding:20px}.current-room-card h3{color:#000;font-size:16px;font-weight:500;margin-bottom:15px}.current-room-card p{color:#666;font-size:14px;margin:8px 0}.switch-request-form{background:#fafafa;border:1px solid #ddd;margin-bottom:30px;padding:30px}.switch-request-form h3{color:#000;font-size:16px;font-weight:500;margin-bottom:20px}.switch-limit-reached{background:#fafafa;border:1px solid #ddd;margin-bottom:30px;padding:20px;text-align:center}.switch-limit-reached h3{color:#000;font-size:16px;font-weight:500;margin-bottom:10px}.switch-limit-reached p{color:#666;margin:0}.my-switch-requests{background:#fafafa;border:1px solid #ddd;padding:30px}.my-switch-requests h3{color:#000;font-size:16px;font-weight:500;margin-bottom:20px}.requests-list{display:flex;flex-direction:column;gap:15px}.request-card{background:#fff;border:1px solid #ddd;padding:20px}.request-info p{color:#666;font-size:14px;margin:8px 0}.request-info strong{color:#000}.profile-required h3{color:#000;font-size:18px;font-weight:500;margin-bottom:20px}.approval-steps{margin:20px 0;text-align:left}.approval-step{border-bottom:1px solid #eee;color:#666;font-size:14px;padding:12px 0}.approval-step:last-child{border-bottom:none}.approval-step strong{color:#000}.status-badge{border:2px solid #000;display:inline-block;font-size:12px;font-weight:700;letter-spacing:1px;margin:10px 0;padding:8px 16px;text-transform:uppercase}.status-approved{border-color:#000}.status-disapproved,.status-in-progress{background:#fff;border-color:#000;color:#000}.status-not-applied{background:#f5f5f5;border-color:#666;color:#666}.profiles-list{display:flex;flex-direction:column;gap:25px}.profile-card{align-items:flex-start;background:#fff;border:3px solid #000;display:flex;justify-content:space-between;padding:30px;transition:all .3s ease}.profile-card:hover{box-shadow:12px 12px 0 #000;transform:translateY(-4px)}.profile-info{flex:1 1}.profile-info h4{border-bottom:2px solid #000;color:#000;font-size:22px;font-weight:900;letter-spacing:1px;margin-bottom:20px;padding-bottom:10px;text-transform:uppercase}.profile-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.profile-details p{color:#000;font-size:14px;font-weight:500;margin:0}.profile-details strong{color:#000;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.profile-actions{align-items:stretch;display:flex;flex-direction:column;gap:15px;min-width:140px}.approve-btn{background:#000;border:3px solid #000;color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:1px;padding:14px 20px;text-transform:uppercase;transition:all .3s ease}.approve-btn:hover{background:#fff;box-shadow:6px 6px 0 #000;color:#000;transform:translateY(-2px)}.reject-btn{background:#fff;border:3px solid #000;color:#000;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:1px;padding:14px 20px;text-transform:uppercase;transition:all .3s ease}.reject-btn:hover{background:#000;box-shadow:6px 6px 0 #666;color:#fff;transform:translateY(-2px)}.no-data{background:#fff;border:3px solid #000;color:#000;font-size:18px;font-weight:700;letter-spacing:1px;padding:40px;text-align:center;text-transform:uppercase;transition:all .3s ease}.no-data:hover{box-shadow:12px 12px 0 #000;transform:translateY(-4px)}.recent-activity{background:#fff;border:3px solid #000;margin-top:30px;padding:30px;transition:all .3s ease}.recent-activity:hover{box-shadow:12px 12px 0 #000;transform:translateY(-4px)}.recent-activity h3{border-bottom:2px solid #000;color:#000;font-size:20px;font-weight:900;letter-spacing:1px;margin-bottom:20px;padding-bottom:10px;text-transform:uppercase}.activity-list{display:flex;flex-direction:column;gap:15px}.activity-item{background:#fff;border:2px solid #000;color:#000;font-weight:600;padding:15px;transition:all .3s ease}.activity-item:hover{box-shadow:8px 8px 0 #000;transform:translateX(8px)}.allocation-details{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr;margin-top:30px}.hostel-info-card,.profile-details-card,.room-details-card{background:#fff;border:3px solid #000;padding:30px;transition:all .3s ease}.hostel-info-card:hover,.profile-details-card:hover,.room-details-card:hover{box-shadow:12px 12px 0 #000;transform:translateY(-4px)}.hostel-info-card h3,.profile-details-card h3,.room-details-card h3{border-bottom:2px solid #000;color:#000;font-size:20px;font-weight:900;letter-spacing:1px;margin-bottom:20px;padding-bottom:10px;text-transform:uppercase}.detail-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.detail-item{background:#f8f8f8;border:1px solid #000;font-size:14px;font-weight:500;padding:10px}.detail-item strong{color:#000;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.info-list{display:flex;flex-direction:column;gap:10px}.info-item{background:#f8f8f8;border:1px solid #000;font-size:14px;font-weight:500;padding:12px}.info-item strong{color:#000;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.allocation-status{background:#fff;border:3px solid #000;margin:30px 0;padding:40px;text-align:center;transition:all .3s ease}.allocation-status:hover{box-shadow:12px 12px 0 #000;transform:translateY(-4px)}.allocation-status h3{color:#000;font-size:24px;font-weight:900;letter-spacing:2px;margin-bottom:20px;text-transform:uppercase}.allocated-room-info{background:#f8f8f8;border:2px solid #000;margin-top:20px;padding:20px}.allocated-room-info p{color:#000;font-size:16px;font-weight:600;margin:8px 0}.allocated-room-info strong{letter-spacing:.5px;text-transform:uppercase}.random-allocation-section{background:#fff;border:3px solid #000;margin:30px 0;padding:40px;text-align:center;transition:all .3s ease}.random-allocation-section:hover{box-shadow:12px 12px 0 #000;transform:translateY(-4px)}.random-allocation-section h3{color:#000;font-size:24px;font-weight:900;letter-spacing:2px;margin-bottom:20px;text-transform:uppercase}.random-allocate-btn{background:#000;border:3px solid #000;color:#fff;cursor:pointer;font-size:18px;font-weight:700;letter-spacing:2px;margin-top:20px;padding:20px 40px;text-transform:uppercase;transition:all .3s ease}.random-allocate-btn:hover{background:#fff;box-shadow:12px 12px 0 #000;color:#000;transform:translateY(-4px)}.random-allocate-btn:disabled{cursor:not-allowed;opacity:.6}.allocation-spinner{gap:30px;padding:40px}.allocation-spinner,.spinner-container{align-items:center;display:flex;flex-direction:column}.spinner-container{gap:20px;position:relative}.spinning-wheel{animation:spin 1s linear infinite;border:8px solid #f3f3f3;border-radius:50%;border-top-color:#000;height:120px;width:120px}.room-number-display{align-items:center;display:flex;flex-direction:column;gap:10px}.room-label{color:#000;font-size:16px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.spinning-number{background:#fff;border:3px solid #000;color:#000;font-family:Courier New,monospace;font-size:48px;font-weight:900;min-width:120px;padding:10px 20px;text-align:center}.allocation-text{color:#000;font-size:18px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.progress-bar{background:#f3f3f3;border:2px solid #000;height:8px;overflow:hidden;width:300px}.progress-fill{animation:progress 10s linear;background:#000;height:100%}@keyframes progress{0%{width:0}to{width:100%}}.available-rooms-section{background:#fff;border:3px solid #000;margin:30px 0;padding:30px;transition:all .3s ease}.available-rooms-section:hover{box-shadow:12px 12px 0 #000;transform:translateY(-4px)}.available-rooms-section h3{border-bottom:2px solid #000;color:#000;font-size:20px;font-weight:900;letter-spacing:1px;margin-bottom:20px;padding-bottom:10px;text-transform:uppercase}.tab-buttons{display:flex;gap:15px;margin:20px 0}.tab-btn{background:#fff;border:3px solid #000;color:#000;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.tab-btn:hover{box-shadow:6px 6px 0 #000;transform:translateY(-2px)}.tab-btn.active{background:#000;color:#fff}.users-table{background:#fff;border:3px solid #000;margin-top:20px;transition:all .3s ease}.users-table:hover{box-shadow:12px 12px 0 #000;transform:translateY(-4px)}.table-header,.table-header-admin{background:#000;color:#fff;display:grid;font-size:14px;font-weight:900;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;letter-spacing:1px;padding:20px;text-transform:uppercase}.table-header-admin{grid-template-columns:1fr 1fr 1fr}.table-row,.table-row-admin{border-bottom:2px solid #000;display:grid;font-weight:500;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;padding:20px;transition:all .3s ease}.table-row-admin{grid-template-columns:1fr 1fr 1fr}.table-row-admin:hover,.table-row:hover{background:#f8f8f8;box-shadow:8px 8px 0 #000;transform:translateX(8px)}.table-row-admin:last-child,.table-row:last-child{border-bottom:none}.status-approved{background:#000;color:#fff}.status-approved,.status-pending{border:1px solid #000;font-size:12px;font-weight:700;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.status-pending{background:#fff;color:#000}.status-incomplete,.status-rejected{background:#f5f5f5;border:1px solid #666;color:#666;font-size:12px;padding:4px 8px}.room-allocated,.status-incomplete,.status-rejected{font-weight:700;letter-spacing:.5px;text-transform:uppercase}.room-allocated{color:#000}.room-not-allocated{color:#666;font-style:italic;font-weight:500}.role-badge{background:#000;border:1px solid #000;color:#fff;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.header-actions{align-items:center;display:flex;gap:15px;margin-top:10px}.filter-select{background:#fff;border:3px solid #000;color:#000;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:10px 15px;text-transform:uppercase}.filter-select:focus{box-shadow:4px 4px 0 #000;outline:none}.status-available{color:#000}.status-available,.status-occupied{font-weight:700;letter-spacing:.5px;text-transform:uppercase}.status-occupied{color:#666}.loading-spinner{align-items:center;background:#fff;border:3px solid #000;display:flex;flex-direction:column;justify-content:center;margin:30px 0;padding:60px}.loading-spinner h3{color:#000;font-weight:900;letter-spacing:1px;margin-top:20px;text-transform:uppercase}.room-card{background:#fff;border:3px solid #000;margin-bottom:20px;padding:25px;transition:all .3s ease}.room-card:hover{box-shadow:12px 12px 0 #000;transform:translateY(-4px)}.room-card h4{border-bottom:2px solid #000;color:#000;font-size:20px;font-weight:900;letter-spacing:1px;margin-bottom:15px;padding-bottom:8px;text-transform:uppercase}.room-card p{color:#000;font-size:14px;font-weight:500;margin:8px 0}.room-card p strong{color:#000;font-weight:900;letter-spacing:.5px;margin-right:8px;text-transform:uppercase}.room-card p span{color:#666;font-weight:600}.content-header{border-bottom:3px solid #000;margin-bottom:30px;padding-bottom:20px}.content-header h2{color:#000;font-size:28px;font-weight:900;letter-spacing:2px;margin-bottom:10px;text-transform:uppercase}.content-header p{color:#666;font-size:16px;font-weight:500;margin:0}.room-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:30px}.status-message{color:#000;font-size:16px;font-weight:600;line-height:1.5;margin:15px 0}.status-action{color:#666;font-size:14px;font-style:italic;font-weight:500;margin:10px 0}@media (max-width:768px){.table-header,.table-row{gap:10px;grid-template-columns:1fr}.table-header div,.table-row div{border-bottom:1px solid #ddd;padding:8px 0}.room-grid{grid-template-columns:1fr}.header-actions{align-items:stretch}.header-actions,.tab-buttons{flex-direction:column}.detail-grid{grid-template-columns:1fr}}.timeline-container{background:#fff;border:3px solid #000;margin-bottom:30px;padding:30px;transition:all .3s ease}.timeline-container:hover{box-shadow:8px 8px 0 #000;transform:translateY(-2px)}.timeline-container h4{border-bottom:2px solid #000;color:#000;font-size:20px;font-weight:900;letter-spacing:1px;margin-bottom:25px;padding-bottom:10px;text-align:center;text-transform:uppercase}.timeline{display:flex;flex-direction:column;gap:15px}.timeline-step{align-items:center;background:#fff;border:2px solid #000;display:flex;gap:20px;padding:20px;transition:all .3s ease}.timeline-step:hover{box-shadow:4px 4px 0 #000;transform:translateX(4px)}.timeline-step.completed{background:#000;color:#fff}.timeline-step.completed .timeline-marker{background:#fff;color:#000}.timeline-step.completed .timeline-content h5{background:#0000!important;color:#000!important}.timeline-step.completed .timeline-content p{background:#0000!important;color:#333!important}.timeline-step.completed .timeline-content{background:#0000!important}.timeline-step.active{background:#f8f8f8;border-color:#000}.timeline-step.pending{background:#f9f9f9;border-color:#ccc}.timeline-step.pending .timeline-marker{background:#ccc;color:#fff}.timeline-step.pending .timeline-content h5{color:#999}.timeline-marker{align-items:center;background:#000;border:2px solid #000;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:30px;justify-content:center;width:30px}.timeline-content{flex:1 1}.timeline-content h5{color:#000;font-size:16px;font-weight:700;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.timeline-content p{color:#666;font-size:14px;font-weight:500;line-height:1.4;margin:0}.approved,.room-allocated,.status-approved,.success,.timeline-marker.completed,.timeline-step.completed .timeline-marker{background:#000!important;border:2px solid #000!important;color:#fff!important}.timeline-marker:after,.timeline-marker:before{content:none!important}.timeline-container:after,.timeline-container:before,.timeline-step:after,.timeline-step:before,.timeline:after,.timeline:before{content:none!important;display:none!important}*{position:relative}:after,:before{background:#0000!important;border:none!important}.timeline *,.timeline-marker *,.timeline-step *{background-color:initial!important;border-color:#000!important}.timeline-step.completed *{background-color:#000!important;color:#fff!important}.timeline-step.completed .timeline-marker{background:#000!important;border:2px solid #000!important;color:#fff!important}.timeline-step+.timeline-step:before{display:none!important}.sidebar-item.active{background:#000;border:3px solid #000;box-shadow:inset 4px 4px 0 #333,inset -4px -4px 0 #666,8px 8px 0 #000;color:#fff;font-weight:700;position:relative;transform:translateX(8px)}.sidebar-item.active:before{background:#000;bottom:-6px;content:"";left:-6px;position:absolute;right:-6px;top:-6px;transform:translate(4px,4px);z-index:-1}.sidebar-item:hover:not(.active){box-shadow:4px 4px 0 #000;transform:translateX(4px)}
/*# sourceMappingURL=main.14168d00.css.map*/