.password-input-wrap{position:relative;display:flex;align-items:center;width:100%}.password-input-wrap .password-input{width:100%;padding-right:2.5rem;box-sizing:border-box}.password-input-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;cursor:pointer;color:var(--text-muted, #666);display:flex;align-items:center;justify-content:center}.password-input-toggle:hover{color:var(--text-primary, #1a1a1a)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--app-bg);background-attachment:fixed;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--app-border) 0%,transparent 70%);opacity:.15;animation:float 20s ease-in-out infinite}.login-container{background:var(--app-sidebar-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);padding:3rem 2.5rem;border-radius:24px;box-shadow:0 20px 60px var(--app-shadow);width:100%;max-width:450px;position:relative;z-index:1;animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55);border:1px solid var(--app-border)}.login-container h1{text-align:center;color:var(--app-text);margin-bottom:.5rem;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;animation:pulse 3s ease-in-out infinite}.login-container h2{text-align:center;color:var(--app-text-muted);font-size:1.1rem;font-weight:400;margin-bottom:2.5rem;letter-spacing:.5px}.login-form{display:flex;flex-direction:column;gap:1.75rem}.form-group{display:flex;flex-direction:column;gap:.75rem;animation:bounceUp .6s cubic-bezier(.68,-.55,.265,1.55);animation-fill-mode:both}.form-group:nth-child(1){animation-delay:.1s}.form-group:nth-child(2){animation-delay:.2s}.form-group label{font-weight:600;color:var(--app-text);font-size:.95rem;letter-spacing:.3px}.form-group input{padding:1rem 1.25rem;background:var(--app-input-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--app-border);border-radius:12px;font-size:1rem;color:var(--app-text);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--app-shadow)}.form-group input::placeholder{color:var(--app-text-muted)}.form-group input:focus{outline:none;border-color:var(--app-status-mid);background:var(--app-card-bg);transform:translateY(-2px);box-shadow:0 8px 25px var(--app-shadow)}.login-btn{padding:1rem;background:var(--app-btn-primary-bg);color:var(--app-btn-primary-color);border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--app-shadow);margin-top:.5rem;animation:bounceUp .6s cubic-bezier(.68,-.55,.265,1.55);animation-delay:.3s;animation-fill-mode:both;letter-spacing:.5px}.login-btn:hover:not(:disabled){background:var(--app-status-mid);color:var(--app-btn-primary-color);transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px var(--app-shadow)}.login-btn:active:not(:disabled){transform:translateY(-1px) scale(.98)}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.theme-toggle-login{position:absolute;top:1.5rem;right:1.5rem;z-index:10;width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;background:var(--app-card-bg);border:1px solid var(--app-border);border-radius:12px;cursor:pointer;color:var(--app-text);transition:all .2s ease;box-shadow:var(--app-shadow)}.theme-toggle-login:hover{background:var(--app-btn-bg);transform:scale(1.05)}.login-footer-link{margin-top:1.5rem;text-align:center;font-size:.95rem}.login-footer-link a{color:var(--app-status-mid);font-weight:600;text-decoration:none}.login-footer-link a:hover{text-decoration:underline}.forgot-success-text{color:var(--app-text-muted);text-align:center;line-height:1.6;margin-bottom:1rem}.dashboard{animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55)}.dashboard h1{margin-bottom:2rem;color:var(--text-primary, #2d2d2d);font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--text-primary, #2d2d2d) 0%,var(--app-status-mid, #5a5a5a) 50%,var(--app-status-muted, #808080) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 10px rgba(192,192,192,.3);animation:bounceUp .6s cubic-bezier(.68,-.55,.265,1.55)}.dashboard-content{display:flex;flex-direction:column;gap:2rem}.welcome-card{background:var(--surface-secondary, rgba(255, 255, 255, .6));backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);padding:2.5rem;border-radius:20px;box-shadow:var(--shadow-soft, 0 8px 32px rgba(0, 0, 0, .12), 0 0 0 1px rgba(192, 192, 192, .3));border:1px solid var(--border-subtle, rgba(192, 192, 192, .4));animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s cubic-bezier(.4,0,.2,1)}.welcome-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-strong, 0 12px 40px rgba(0, 0, 0, .15), 0 0 0 1px rgba(192, 192, 192, .5));background:var(--surface-elevated, rgba(255, 255, 255, .7))}.welcome-card h2{color:var(--text-primary, #2d2d2d);margin-bottom:.75rem;font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--text-primary, #2d2d2d) 0%,var(--app-status-mid, #5a5a5a) 50%,var(--app-status-muted, #808080) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-card p{color:var(--text-secondary, rgba(45, 45, 45, .8));font-size:1rem;line-height:1.6}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.75rem}.stat-card{background:var(--surface-secondary, rgba(255, 255, 255, .6));backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);padding:2rem;border-radius:20px;box-shadow:var(--shadow-soft, 0 8px 32px rgba(0, 0, 0, .12), 0 0 0 1px rgba(192, 192, 192, .3));border:1px solid var(--border-subtle, rgba(192, 192, 192, .4));transition:all .4s cubic-bezier(.68,-.55,.265,1.55);animation:bounceUp .6s cubic-bezier(.68,-.55,.265,1.55);animation-fill-mode:both;cursor:pointer;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}:root[data-theme=dark] .stat-card:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.stat-card:hover:before{left:100%}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:var(--shadow-strong, 0 15px 45px rgba(0, 0, 0, .15), 0 0 0 1px rgba(192, 192, 192, .5));background:var(--surface-elevated, rgba(255, 255, 255, .75));filter:brightness(1.1)}.stat-card h3{color:var(--text-secondary, rgba(90, 90, 90, .8));font-size:.875rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.stat-value{font-size:2.5rem;font-weight:700;color:var(--text-primary, #2d2d2d);background:linear-gradient(135deg,var(--text-primary, #2d2d2d) 0%,var(--app-status-mid, #808080) 50%,var(--app-status-muted, #a0a0a0) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;animation:bounceScale 2s ease-in-out infinite}.dashboard-header-info{color:var(--text-secondary, rgba(90, 90, 90, .8));margin-top:.5rem}.dashboard-header-info strong{color:var(--text-primary, #2d2d2d);font-weight:600}.alert-glass{background:var(--surface-secondary, rgba(255, 255, 255, .6));backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);padding:1.25rem;border-radius:16px;margin-bottom:1.5rem;border:1px solid var(--border-subtle, rgba(192, 192, 192, .4));box-shadow:var(--shadow-soft, 0 8px 32px rgba(0, 0, 0, .12));animation:bounceUp .6s cubic-bezier(.68,-.55,.265,1.55)}.alert-warning{background:#fbbf244d;border-color:#fbbf2480;color:var(--text-primary, rgba(45, 45, 45, .95))}.alert-success{background:#22c55e4d;border-color:#22c55e80;color:var(--text-primary, rgba(45, 45, 45, .95))}.alert-danger{background:#ef44444d;border-color:#ef444480;color:var(--text-primary, rgba(45, 45, 45, .95))}.empty-state-card{background:var(--surface-secondary, rgba(255, 255, 255, .6));backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);padding:3rem 2rem;text-align:center;border-radius:20px;margin-top:1.5rem;border:1px solid var(--border-subtle, rgba(192, 192, 192, .4));box-shadow:var(--shadow-soft, 0 8px 32px rgba(0, 0, 0, .12));animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55)}.empty-state-card p{color:var(--text-secondary, rgba(90, 90, 90, .8));font-size:1.125rem;margin-bottom:1rem}.empty-state-card a{color:var(--text-secondary, #808080);text-decoration:none;font-weight:600;margin-top:.75rem;display:inline-block;transition:all .3s cubic-bezier(.4,0,.2,1)}.empty-state-card a:hover{color:var(--text-primary, #5a5a5a);transform:translate(5px)}.welcome-card .last-login{font-size:.875rem;color:var(--text-secondary, rgba(128, 128, 128, .7));margin-top:.5rem}.data-table-wrapper{position:relative;width:100%;max-width:100%;overflow:hidden}.data-table-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;position:relative}.data-table-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;flex:1;min-width:0}.data-table-search{min-width:200px;max-width:320px;padding:.5rem .75rem;border:1px solid var(--input-border, var(--border-subtle, var(--app-border)));border-radius:8px;font-size:.9rem;background:var(--input-bg, var(--surface-secondary, var(--app-input-bg)));color:var(--input-text, var(--text-primary, var(--app-text)));transition:border-color .2s,box-shadow .2s}.data-table-search::placeholder{color:var(--input-placeholder, var(--text-secondary, var(--app-text-muted)))}.data-table-search:focus{outline:none;border-color:var(--input-focus, var(--accent, var(--app-status-mid)));box-shadow:0 0 0 2px #007aff26}.data-table-pagination-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.data-table-page-size{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--app-text)}.data-table-page-size select{padding:.4rem .5rem;border:1px solid var(--input-border, var(--app-border));border-radius:8px;background:var(--input-bg, var(--app-input-bg));color:var(--input-text, var(--app-text))}.data-table-page-size select:focus{outline:none;border-color:var(--input-focus, var(--app-border))}font-size: .875rem; color: var(--app-text); cursor: pointer; } .data-table-range{font-size:.875rem;color:var(--text-secondary, var(--app-text-muted))}.data-table-page-buttons{display:flex;align-items:center;gap:.25rem}.data-table-page-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--app-border);border-radius:8px;background:var(--app-btn-bg);color:var(--app-text);font-size:1.1rem;cursor:pointer;transition:background .2s}.data-table-page-btn:hover:not(:disabled){background:var(--app-card-bg)}.data-table-page-btn:disabled{opacity:.5;cursor:not-allowed}.data-table-page-num{font-size:.8rem;color:var(--app-text-muted);padding:0 .5rem}.data-table-controls{position:relative}.column-toggle-btn{background:var(--interactive-secondary, var(--surface-secondary, var(--app-btn-bg)));border:1px solid var(--border-subtle, var(--app-border));border-radius:8px;padding:.75rem;cursor:pointer;transition:all .2s ease;color:var(--text-primary, var(--app-text));display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-soft, 0 2px 4px rgba(0, 0, 0, .05))}.column-toggle-btn:hover{background:var(--surface-elevated, var(--app-card-bg))}.column-toggle-btn:active{transform:scale(.98)}.column-toggle-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--surface-elevated, var(--app-card-bg));border:1px solid var(--border-subtle, var(--app-border-light));border-radius:12px;padding:1rem;box-shadow:0 2px 8px #0000001a;z-index:1000;min-width:200px;animation:bounceIn .3s cubic-bezier(.68,-.55,.265,1.55)}.column-toggle-header{font-weight:600;color:var(--text-primary, var(--app-text));margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle, var(--app-border-light));font-size:.9rem}.column-toggle-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;cursor:pointer;border-radius:8px;transition:background .2s;color:var(--text-primary, var(--app-text))}.column-toggle-item:hover{background:var(--surface-secondary, var(--app-input-bg))}.column-toggle-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--input-focus, var(--app-status-mid))}.glass-table-wrapper{background:var(--app-card-bg, #ffffff);border:1px solid var(--border-subtle, var(--app-border-light));border-radius:12px;overflow-x:auto;overflow-y:visible;box-shadow:0 1px 3px #0000000d;animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55);width:100%;position:relative;display:block;box-sizing:border-box;isolation:isolate}.data-table{width:auto;min-width:100%;border-collapse:collapse;background:var(--app-card-bg, #ffffff);table-layout:fixed;margin:0;display:table}.data-table thead{background:var(--surface-secondary, var(--app-input-bg))}.table-header-cell{padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.875rem;letter-spacing:.5px;color:var(--text-primary, var(--app-text));border-bottom:2px solid var(--border-subtle, var(--app-border));cursor:move;-webkit-user-select:none;user-select:none;position:relative;transition:background .2s;overflow:visible}.table-header-cell.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.table-header-cell:hover{background:var(--surface-elevated, var(--app-card-bg))}.table-header-cell.dragging{opacity:.5;cursor:grabbing}.table-header-cell.drag-over{background:var(--app-input-bg);border-left:3px solid var(--app-status-mid)}.header-content{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.drag-handle{opacity:.4;font-size:1rem;cursor:grab;transition:opacity .2s}.table-header-cell:hover .drag-handle{opacity:.8}.table-header-cell:active .drag-handle{cursor:grabbing}.resize-handle{position:absolute;top:0;right:0;width:5px;height:100%;cursor:col-resize;background:transparent;z-index:1;transition:background .2s}.resize-handle:hover{background:var(--border-subtle, var(--app-border))}.table-header-cell.resizing .resize-handle{background:var(--accent, var(--app-status-mid));width:3px}.actions-header{text-align:center;cursor:default}.actions-header .resize-handle{cursor:default}.actions-header .resize-handle:hover{background:transparent}.table-row{border-bottom:1px solid var(--border-subtle, var(--app-border-light));transition:background .15s ease;background:var(--app-card-bg, #ffffff)}.table-row:nth-child(2n){background:var(--surface-secondary, rgba(0, 0, 0, .015))}.table-row:hover{background:var(--surface-elevated, rgba(0, 0, 0, .025))!important}.table-cell{padding:.75rem 1rem;color:var(--text-primary, var(--app-text));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem}.actions-cell{text-align:center;width:150px;position:sticky;right:0;z-index:2;background:inherit;box-shadow:-2px 0 4px #00000008}.table-row:hover .actions-cell,.table-row.selected .actions-cell{background:inherit}.action-buttons{display:flex;align-items:center;justify-content:center;gap:.5rem}.action-btn{background:var(--app-btn-bg);border:1px solid var(--app-border);border-radius:8px;padding:.5rem;cursor:pointer;transition:all .2s;color:var(--app-text);display:flex;align-items:center;justify-content:center;width:32px;height:32px}.action-btn:hover{background:var(--app-card-bg)}.edit-btn:hover{border-color:var(--app-status-mid);color:var(--app-btn-primary-bg)}.delete-btn:hover{border-color:var(--app-logout);color:var(--app-logout)}.empty-cell{padding:3rem;text-align:center;color:var(--text-secondary, var(--app-text-muted));font-size:1rem}.selection-header{text-align:center;cursor:default;position:sticky;left:0;z-index:3;background:var(--surface-secondary, var(--app-input-bg));box-shadow:2px 0 4px #00000008}.selection-header .select-all-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--input-focus, var(--accent, var(--app-status-mid)))}.selection-cell{text-align:center;padding:.75rem 1rem;position:sticky;left:0;z-index:2;background:inherit;box-shadow:2px 0 4px #00000008}.table-row:hover .selection-cell,.table-row.selected .selection-cell{background:inherit}.row-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--input-focus, var(--app-status-mid))}.table-row.selected{background:var(--surface-elevated, rgba(0, 0, 0, .03))!important}.table-row.selected:hover{background:var(--surface-elevated, rgba(0, 0, 0, .04))!important}.table-footer{margin-top:1rem;padding:1rem 1.5rem;border-radius:12px;background:var(--app-card-bg);border:1px solid var(--app-border-light);animation:bounceUp .3s cubic-bezier(.68,-.55,.265,1.55)}.table-footer-content{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap}.selected-count{font-weight:600;color:var(--text-primary, var(--app-text));font-size:.95rem}.table-footer-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center}.glass-table-wrapper::-webkit-scrollbar{height:8px}.glass-table-wrapper::-webkit-scrollbar-track{background:var(--app-scrollbar-track);border-radius:10px}.glass-table-wrapper::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb);border-radius:10px;transition:background .3s}.glass-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--app-text-muted)}@media (max-width: 768px){.column-toggle-menu{right:0;left:auto}.glass-table-wrapper{overflow-x:auto}.data-table{min-width:600px}}.hostels-page{padding:20px;animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55)}.hostels-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.hostels-page-title{margin:0;color:var(--app-text);font-size:1.75rem;font-weight:700}.hostels-page-btn{padding:.5rem 1rem;border:1px solid var(--border-subtle, var(--app-border));border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;color:var(--text-primary, var(--app-text));background:var(--interactive-secondary, var(--app-btn-bg))}.hostels-page-btn:hover:not(:disabled){background:var(--surface-elevated, var(--app-card-bg));border-color:var(--border-subtle, var(--app-border))}.hostels-page-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--interactive-disabled-bg, var(--app-input-bg));color:var(--interactive-disabled-text, var(--app-text-muted));border-color:var(--interactive-disabled-border, var(--app-border))}.hostels-page-btn-primary{background:var(--interactive-primary, var(--app-btn-primary-bg));color:var(--app-btn-primary-color);border-color:var(--interactive-primary, var(--app-btn-primary-bg))}.hostels-page-btn-primary:hover:not(:disabled){background:var(--interactive-primary, var(--app-status-mid));border-color:var(--interactive-primary, var(--app-status-mid));color:var(--app-btn-primary-color);opacity:.9}.hostel-switcher{padding:1.25rem 1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem;background:var(--app-card-bg);border:1px solid var(--app-border-light);border-radius:8px;box-shadow:var(--app-shadow)}.hostel-switcher label{font-weight:600;color:var(--app-text);font-size:.9rem}.hostel-switcher select{flex:1;max-width:400px;padding:.5rem .75rem;border:1px solid var(--input-border, var(--app-border));border-radius:8px;font-size:.9rem;background:var(--input-bg, var(--app-input-bg));color:var(--input-text, var(--app-text));cursor:pointer}.hostel-switcher select:focus{outline:none;border-color:var(--input-focus, var(--app-border))}.loading-state{padding:3rem;text-align:center;color:var(--app-text-muted);font-size:1rem}.hostels-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--app-modal-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.hostels-modal-content{width:90%;max-width:600px;max-height:90vh;overflow-y:auto;background:var(--surface-elevated, var(--app-card-bg));border:1px solid var(--border-subtle, var(--app-border-light));border-radius:12px;padding:1.5rem 1.875rem;box-shadow:var(--shadow-strong, 0 8px 32px rgba(0, 0, 0, .15))}.hostels-modal-content h2{margin:0 0 1.25rem;color:var(--text-primary, var(--app-text));font-size:1.25rem;font-weight:700}.hostels-form-group{margin-bottom:1.25rem}.hostels-form-group label{display:block;margin-bottom:.4rem;font-weight:600;color:var(--app-text);font-size:.9rem}.hostels-form-input,.hostels-form-select{width:100%;padding:.5rem .75rem;border:1px solid var(--input-border, var(--app-border));border-radius:8px;font-size:.9rem;background:var(--input-bg, var(--app-input-bg));color:var(--input-text, var(--app-text))}.hostels-form-input::placeholder,.hostels-form-select::placeholder{color:var(--input-placeholder, var(--app-text-muted))}.hostels-form-input:focus,.hostels-form-select:focus{outline:none;border-color:var(--input-focus, var(--app-status-mid))}.hostels-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}.hostels-form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.hostels-modal-cancel{padding:.5rem 1rem;border:1px solid var(--border-subtle, var(--app-border));border-radius:8px;background:var(--interactive-secondary, var(--app-btn-bg));color:var(--text-primary, var(--app-text));font-size:.9rem;font-weight:500;cursor:pointer}.hostels-modal-cancel:hover{background:var(--surface-elevated, var(--app-card-bg))}.hostels-modal-submit{padding:.5rem 1rem;border:none;border-radius:8px;background:var(--interactive-primary, var(--app-btn-primary-bg));color:var(--app-btn-primary-color);font-size:.9rem;font-weight:500;cursor:pointer}.hostels-modal-submit:hover:not(:disabled){background:var(--interactive-primary, var(--app-status-mid));color:var(--app-btn-primary-color);opacity:.9}.hostels-modal-submit:disabled{opacity:.6;cursor:not-allowed;background:var(--interactive-disabled-bg, var(--app-btn-bg));color:var(--interactive-disabled-text, var(--app-text-muted));border-color:var(--interactive-disabled-border, var(--app-border))}.link-staff-section{padding:1.25rem;margin-bottom:1.5rem;background:var(--surface-secondary, var(--app-input-bg));border:1px solid var(--border-subtle, var(--app-border-light));border-radius:8px;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0, 0, 0, .05))}.link-staff-section h3{margin:0 0 .75rem;color:var(--text-primary, var(--app-text));font-size:1.1rem}.linked-staff-section{margin-bottom:1.5rem}.linked-staff-section h3{margin:0 0 .75rem;color:var(--text-primary, var(--app-text));font-size:1.1rem}.staff-list{display:flex;flex-direction:column;gap:.75rem}.staff-item{padding:1rem;display:flex;justify-content:space-between;align-items:center;background:var(--surface-secondary, var(--app-card-bg));border:1px solid var(--border-subtle, var(--app-border-light));border-radius:8px;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0, 0, 0, .05))}.staff-item strong{display:block;color:var(--text-primary, var(--app-text));margin-bottom:.2rem}.staff-item p{margin:0;font-size:.875rem;color:var(--text-secondary, var(--app-text-muted))}.hostels-info-text{color:var(--app-text-muted);font-style:italic;margin:.5rem 0;font-size:.9rem}.hostels-page .action-btn{background:var(--app-btn-bg);border:1px solid var(--app-border);color:var(--app-text)}.hostels-page .action-btn:hover{background:var(--app-card-bg)}.hostels-page .action-btn.active{background:var(--app-status-active);border-color:var(--app-status-active);color:var(--app-btn-primary-color, #fff)}.hostels-page .action-btn.delete-btn,.hostels-page .glass-button.delete-btn,.hostels-page-btn.delete-btn{background:#ef44441a;color:var(--interactive-danger, var(--app-logout));border-color:#ef44444d}.hostels-page .action-btn.delete-btn:hover,.hostels-page .glass-button.delete-btn:hover,.hostels-page-btn.delete-btn:hover:not(:disabled){background:#ef444433}.hostels-cell-muted{font-size:.875rem;color:var(--app-text-muted)}.hostels-status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;display:inline-block}.hostels-status-badge.active{background:var(--app-status-active);color:var(--app-btn-primary-color, #fff)}.hostels-status-badge.inactive{background:#ef444426;color:var(--app-logout)}.hostels-status-badge.deactivated{background:#6b728033;color:#6b7280}.hostels-confirm-modal .hostels-warning-text{margin:0 0 1rem;color:var(--app-text);font-size:.95rem;line-height:1.5}.hostels-confirm-modal .hostels-confirm-hint{margin:.5rem 0 .25rem;font-size:.9rem;color:var(--app-text-muted)}.hostels-confirm-modal .hostels-confirm-name{margin:0 0 .75rem;font-size:1rem;color:var(--app-text)}.hostels-btn-danger{background:var(--interactive-danger, #dc2626)!important;color:#fff!important;border-color:var(--interactive-danger, #dc2626)!important}.hostels-btn-danger:hover:not(:disabled){background:#b91c1c!important;opacity:.95}.hostels-page .action-btn-warn{background:#f59e0b26;color:#d97706;border-color:#f59e0b66;padding:.25rem .5rem;font-size:.8rem;border-radius:6px}.hostels-page .action-btn-warn:hover{background:#f59e0b40}.hostels-page .action-btn-danger{background:#ef444426;color:var(--interactive-danger, var(--app-logout));border-color:#ef44444d;padding:.25rem .5rem;font-size:.8rem;border-radius:6px}.hostels-page .action-btn-danger:hover{background:#ef444440}@media (max-width: 768px){.hostels-form-row{grid-template-columns:1fr}.hostels-page-header{flex-direction:column;align-items:flex-start;gap:1rem}.staff-item{flex-direction:column;align-items:flex-start;gap:.75rem}}.tenants-page{padding:20px;animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55)}.tenants-page-subtitle{margin-bottom:8px;color:var(--app-text-muted);font-size:14px}.tenants-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tenants-page-title{margin:0;color:var(--app-text);font-size:1.75rem;font-weight:700}.tenants-page-btn{padding:.5rem 1rem;border:1px solid var(--app-border);border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;color:var(--app-text);background:var(--app-btn-bg)}.tenants-page-btn:hover:not(:disabled){background:var(--app-card-bg);border-color:var(--app-border)}.tenants-page-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--app-input-bg)}.tenants-page-btn-primary{background:var(--app-btn-primary-bg);color:var(--app-btn-primary-color);border-color:var(--app-btn-primary-bg)}.tenants-page-btn-primary:hover:not(:disabled){background:var(--app-status-mid);border-color:var(--app-status-mid);color:var(--app-btn-primary-color)}.tenants-page-filters{margin-bottom:1.25rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.tenants-page-filter-label{font-weight:600;color:var(--app-text);font-size:.9rem}.tenants-page-select{padding:.4rem .75rem;border:1px solid var(--input-border, var(--app-border));border-radius:8px;font-size:.9rem;background:var(--input-bg, var(--app-input-bg));color:var(--input-text, var(--app-text))}.tenants-page-select:focus{outline:none;border-color:var(--input-focus, var(--app-border))}background: var(--app-input-bg); color: var(--app-text); cursor: pointer; } .tenants-page-empty-state{padding:3rem;text-align:center;color:var(--app-text)}.tenants-page-empty-state p{margin-bottom:.5rem}.tenants-page-link{color:var(--app-text);text-decoration:underline;text-underline-offset:2px}.tenants-page-link:hover{color:var(--app-text-muted)}.tenants-page-loading{padding:3rem;text-align:center;color:var(--app-text-muted);font-size:1rem}.tenants-cell-tenant{display:flex;align-items:center;gap:10px}.tenants-cell-name{font-weight:500;color:var(--app-text)}.tenants-avatar{flex-shrink:0}.tenants-status-badge{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;display:inline-block}.tenants-status-badge.active{background:var(--app-status-active);color:#fff}.tenants-status-badge.inactive{background:var(--app-status-mid);color:#fff}.tenants-status-badge.vacated{background:var(--app-status-muted);color:#fff}.tenants-page .action-btn{background:var(--app-btn-bg);border:1px solid var(--app-border);color:var(--app-text)}.tenants-page .action-btn:hover{background:var(--app-card-bg)}.tenants-page .action-btn.edit-btn:hover{border-color:var(--app-status-mid);color:var(--app-btn-primary-bg)}.tenants-page .action-btn.delete-btn:hover{border-color:var(--app-logout);color:var(--app-logout)}.tenants-page .action-btn.action-btn-warn{border-color:var(--app-status-mid, #e67e22);color:var(--app-status-mid, #e67e22)}.tenants-page .action-btn.action-btn-warn:hover:not(:disabled){background:var(--app-status-mid, #e67e22);color:#fff}.tenants-page .action-btn.action-btn-danger{border-color:var(--app-logout, #c0392b);color:var(--app-logout, #c0392b)}.tenants-page .action-btn.action-btn-danger:hover:not(:disabled){background:var(--app-logout, #c0392b);color:#fff}@media (max-width: 768px){.tenants-page-header{flex-direction:column;align-items:flex-start;gap:1rem}}.rooms-page{padding:20px;animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55)}.rooms-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.rooms-page-title{margin:0;color:var(--app-text);font-size:1.75rem;font-weight:700}.rooms-page-btn{padding:.5rem 1rem;border:1px solid var(--border-subtle, var(--app-border));border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;color:var(--text-primary, var(--app-text));background:var(--interactive-secondary, var(--app-btn-bg))}.rooms-page-btn:hover:not(:disabled){background:var(--surface-elevated, var(--app-card-bg));border-color:var(--border-subtle, var(--app-border))}.rooms-page-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--interactive-disabled-bg, var(--app-input-bg));color:var(--interactive-disabled-text, var(--app-text-muted));border-color:var(--interactive-disabled-border, var(--app-border))}.rooms-page-btn-primary{background:var(--interactive-primary, var(--app-btn-primary-bg));color:var(--app-btn-primary-color);border-color:var(--interactive-primary, var(--app-btn-primary-bg))}.rooms-page-btn-primary:hover:not(:disabled){background:var(--interactive-primary, var(--app-status-mid));border-color:var(--interactive-primary, var(--app-status-mid));color:var(--app-btn-primary-color);opacity:.9}.rooms-page-empty-state{padding:3rem;text-align:center;color:var(--app-text)}.rooms-page-empty-state p{margin-bottom:.5rem}.rooms-page-link{color:var(--app-text);text-decoration:underline;text-underline-offset:2px}.rooms-page-link:hover{color:var(--app-text-muted)}.rooms-page-loading{padding:3rem;text-align:center;color:var(--app-text-muted);font-size:1rem}.rooms-cell-room{font-weight:500;color:var(--app-text)}.rooms-status-badge{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;display:inline-block}.rooms-status-badge.available{background:var(--app-status-active);color:var(--app-btn-primary-color, #fff)}.rooms-status-badge.occupied{background:var(--app-status-mid);color:var(--app-btn-primary-color, #fff)}.rooms-status-badge.maintenance,.rooms-status-badge.reserved{background:var(--app-status-muted);color:var(--app-btn-primary-color, #fff)}.rooms-page .action-btn{background:var(--app-btn-bg);border:1px solid var(--app-border);color:var(--app-text)}.rooms-page .action-btn:hover{background:var(--app-card-bg)}.rooms-page .action-btn.edit-btn:hover{border-color:var(--app-status-mid);color:var(--app-btn-primary-bg)}.rooms-page .action-btn.delete-btn:hover{border-color:var(--app-logout);color:var(--app-logout)}.rooms-page-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--app-modal-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.rooms-page-modal{width:90%;max-width:500px;max-height:90vh;overflow-y:auto;background:var(--surface-elevated, var(--app-card-bg));border:1px solid var(--border-subtle, var(--app-border-light));border-radius:12px;padding:1.5rem 1.875rem;box-shadow:var(--shadow-strong, 0 8px 32px rgba(0, 0, 0, .15))}.rooms-page-modal h2{margin:0 0 1rem;color:var(--text-primary, var(--app-text));font-size:1.25rem;font-weight:700}.rooms-page-modal-label{display:block;margin-bottom:.25rem;font-weight:600;color:var(--app-text);font-size:.9rem}.rooms-page-modal-input{width:100%;padding:.5rem .75rem;border-radius:8px;border:1px solid var(--input-border, var(--app-border));font-size:.9rem;background:var(--input-bg, var(--app-input-bg));color:var(--input-text, var(--app-text))}.rooms-page-modal-input::placeholder{color:var(--input-placeholder, var(--app-text-muted))}.rooms-page-modal-input:focus{outline:none;border-color:var(--input-focus, var(--app-status-mid))}.rooms-page-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem}.rooms-page-modal-cancel{padding:.5rem 1rem;border:1px solid var(--border-subtle, var(--app-border));border-radius:8px;background:var(--interactive-secondary, var(--app-btn-bg));color:var(--text-primary, var(--app-text));font-size:.9rem;font-weight:500;cursor:pointer}.rooms-page-modal-cancel:hover{background:var(--surface-elevated, var(--app-card-bg))}.rooms-page-modal-submit{padding:.5rem 1rem;border:none;border-radius:8px;background:var(--interactive-primary, var(--app-btn-primary-bg));color:var(--app-btn-primary-color);font-size:.9rem;font-weight:500;cursor:pointer}.rooms-page-modal-submit:hover:not(:disabled){background:var(--interactive-primary, var(--app-status-mid));color:var(--app-btn-primary-color);opacity:.9}.rooms-page-modal-submit:disabled{opacity:.6;cursor:not-allowed;background:var(--interactive-disabled-bg, var(--app-btn-bg));color:var(--interactive-disabled-text, var(--app-text-muted));border-color:var(--interactive-disabled-border, var(--app-border))}@media (max-width: 768px){.rooms-page-header{flex-direction:column;align-items:flex-start;gap:1rem}}.users-page{padding:20px;animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55)}.users-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.users-page-title{margin:0;color:var(--app-text);font-size:1.75rem;font-weight:700}.users-page-btn{padding:.5rem 1rem;border:1px solid var(--app-border);border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;color:var(--app-text);background:var(--app-btn-bg)}.users-page-btn:hover:not(:disabled){background:var(--app-card-bg);border-color:var(--app-border)}.users-page-btn-primary{background:var(--app-btn-primary-bg);color:var(--app-btn-primary-color);border-color:var(--app-btn-primary-bg)}.users-page-btn-primary:hover:not(:disabled){background:var(--app-status-mid);border-color:var(--app-status-mid);color:var(--app-btn-primary-color)}.users-page-filters{margin-bottom:1.25rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.users-page-filter-label{font-weight:600;color:var(--app-text);font-size:.9rem}.users-page-search{flex:1;min-width:160px;padding:.4rem .75rem;border:1px solid var(--input-border, var(--app-border));border-radius:8px;font-size:.9rem;background:var(--input-bg, var(--app-input-bg));color:var(--input-text, var(--app-text))}.users-page-search::placeholder{color:var(--app-text-muted)}.users-page-select{padding:.4rem .75rem;border:1px solid var(--input-border, var(--app-border));border-radius:8px;font-size:.9rem;background:var(--input-bg, var(--app-input-bg));color:var(--input-text, var(--app-text))}.users-page-loading{padding:2rem;text-align:center;color:var(--app-text-muted)}.users-list-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.users-list-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem;text-align:left;background:var(--app-card-bg);border:1px solid var(--app-border-light);border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:var(--app-shadow)}.users-list-card:hover{border-color:var(--app-btn-primary-bg);box-shadow:0 4px 12px #007aff26}.users-list-card-avatar{width:48px;height:48px;border-radius:50%;background:var(--app-btn-primary-bg);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;flex-shrink:0}.users-list-card-body{flex:1;min-width:0}.users-list-card-name{margin:0 0 .25rem;font-size:1rem;font-weight:700;color:var(--app-text)}.users-list-card-email{margin:0 0 .5rem;font-size:.85rem;color:var(--app-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.users-list-card-meta{display:flex;flex-wrap:wrap;gap:.5rem}.users-list-empty{padding:3rem;text-align:center;color:var(--app-text-muted);grid-column:1 / -1}@media (max-width: 768px){.users-page{padding:12px 16px}.users-page-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}.users-page-title{font-size:1.35rem}.users-page-btn{padding:.6rem 1rem;font-size:1rem;min-height:44px}.users-page-filters{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:1rem}.users-page-search{min-width:0;padding:.5rem .75rem;min-height:44px;font-size:16px}.users-page-filter-label{margin-top:4px}.users-page-select{min-height:44px;font-size:16px}.users-list-cards{grid-template-columns:1fr;gap:.75rem}.users-list-card{padding:14px;min-height:72px;-webkit-tap-highlight-color:transparent}.users-list-card-avatar{width:44px;height:44px;font-size:1.1rem}.users-list-card-name{font-size:.95rem}.users-list-card-email{font-size:.8rem;white-space:normal;line-height:1.3}.users-list-card-meta{gap:.4rem}.users-role-badge,.users-status-badge{font-size:.7rem;padding:.2rem .5rem}}@media (max-width: 480px){.users-page{padding:10px 12px}.users-page-title{font-size:1.25rem}}.users-role-badge{padding:.25rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600;display:inline-block}.users-role-super-admin{background:var(--app-logout, #dc2626);color:#fff}.users-role-hostel-owner{background:var(--interactive-primary, #007AFF);color:#fff}.users-role-staff{background:var(--app-status-active, #28a745);color:#fff}.users-role-tenant{background:#6f42c1;color:#fff}.users-status-badge{padding:.25rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600;display:inline-block}.users-status-active{background:var(--app-status-active, #28a745);color:#fff}.users-status-blocked{background:var(--app-logout, #dc2626);color:#fff}.users-btn-block{background:#ef444426;color:var(--app-logout);border-color:#ef44444d}.users-btn-block:hover{background:#ef444440}.users-btn-unblock{background:#22c55e26;color:#22c55e;border-color:#22c55e4d}.users-btn-unblock:hover{background:#22c55e40}.users-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--app-modal-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.users-modal-content{width:90%;max-width:500px;max-height:90vh;overflow-y:auto;background:var(--surface-elevated, var(--app-card-bg));border:1px solid var(--border-subtle, var(--app-border-light));border-radius:12px;padding:1.5rem 1.875rem;box-shadow:var(--shadow-strong, 0 8px 32px rgba(0, 0, 0, .15))}.users-modal-content h2{margin-top:0;margin-bottom:1.25rem;color:var(--text-primary, var(--app-text));font-size:1.25rem;font-weight:700}.users-modal-email-info{margin-bottom:1rem;padding:.5rem .75rem;background:var(--surface-secondary, var(--app-input-bg));border-radius:8px;font-size:.9rem}.users-modal-email-info strong{color:var(--text-primary, var(--app-text))}.users-form-label{display:block;margin-bottom:.35rem;font-weight:600;font-size:.9rem;color:var(--app-text)}.users-modal-content input[type=text],.users-modal-content input[type=tel],.users-modal-content input[type=email],.users-modal-content input[type=password],.users-modal-content select{width:100%;padding:.5rem .75rem;border:1px solid var(--input-border, var(--app-border));border-radius:8px;font-size:.9rem;background:var(--input-bg, var(--app-input-bg));color:var(--input-text, var(--app-text));margin-bottom:.25rem}.users-modal-content input:focus,.users-modal-content select:focus{outline:none;border-color:var(--input-focus, var(--app-status-mid))}.detail-page{padding:20px;max-width:720px;margin:0 auto;animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55)}.detail-page-header{margin-bottom:1.5rem}.detail-page-back{display:inline-block;padding:.5rem .75rem;margin-bottom:1rem;background:var(--app-btn-bg);border:1px solid var(--app-border);border-radius:8px;font-size:.9rem;cursor:pointer;color:var(--app-text)}.detail-page-back:hover{background:var(--app-card-bg);border-color:var(--app-border)}.detail-page-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:var(--app-text)}.detail-page-loading{padding:2rem;text-align:center;color:var(--app-text-muted)}.detail-card{background:var(--app-card-bg);border:1px solid var(--app-border-light);border-radius:12px;padding:1.5rem;box-shadow:var(--app-shadow)}.detail-card-avatar{width:72px;height:72px;border-radius:50%;background:var(--app-btn-primary-bg);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;margin-bottom:1rem}.detail-card-name{margin:0 0 1.25rem;font-size:1.35rem;font-weight:700;color:var(--app-text)}.detail-detail-rows{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.detail-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.detail-label{font-weight:600;color:var(--app-text-muted);font-size:.9rem;min-width:100px}.detail-value{color:var(--app-text)}.detail-badge{padding:.25rem .75rem;border-radius:8px;font-size:.8rem;font-weight:600}.detail-role-super-admin{background:var(--app-logout);color:#fff}.detail-role-hostel-owner{background:var(--interactive-primary, #007AFF);color:#fff}.detail-role-staff{background:var(--app-status-active);color:#fff}.detail-role-tenant{background:#6f42c1;color:#fff}.detail-status-active{background:var(--app-status-active);color:#fff}.detail-status-blocked{background:var(--app-logout);color:#fff}.detail-actions{display:flex;flex-wrap:wrap;gap:.75rem;padding-top:1rem;border-top:1px solid var(--app-border)}.detail-btn{padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;border:1px solid transparent}.detail-btn-primary{background:var(--app-btn-primary-bg);color:var(--app-btn-primary-color);border-color:var(--app-btn-primary-bg)}.detail-btn-primary:hover{opacity:.9}.detail-btn-success{background:#22c55e26;color:#22c55e;border-color:#22c55e4d}.detail-btn-success:hover{background:#22c55e40}.detail-btn-warn{background:#ef444426;color:var(--app-logout);border-color:#ef44444d}.detail-btn-warn:hover{background:#ef444440}.detail-btn-danger{background:#ef44441a;color:var(--app-logout);border-color:#ef44444d}.detail-btn-danger:hover{background:#ef444433}.detail-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.detail-page{padding:12px 16px;max-width:100%}.detail-page-back{padding:.6rem 1rem;min-height:44px;font-size:1rem;-webkit-tap-highlight-color:transparent}.detail-page-title{font-size:1.25rem}.detail-card{padding:1rem}.detail-card-avatar{width:56px;height:56px;font-size:1.5rem}.detail-card-name{font-size:1.2rem;margin-bottom:1rem}.detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}.detail-label{min-width:0}.detail-actions{flex-direction:column;padding-top:1rem;gap:.5rem}.detail-btn{width:100%;min-height:44px;font-size:1rem;-webkit-tap-highlight-color:transparent}}@media (max-width: 480px){.detail-page{padding:10px 12px}.detail-page-title{font-size:1.1rem}}.form-page{padding:20px;max-width:720px;margin:0 auto;animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55)}.form-page-header{margin-bottom:1.5rem}.form-page-back{display:inline-block;padding:.5rem .75rem;margin-bottom:1rem;background:var(--app-btn-bg);border:1px solid var(--app-border);border-radius:8px;font-size:.9rem;cursor:pointer;color:var(--app-text)}.form-page-back:hover{background:var(--app-card-bg);border-color:var(--app-border)}.form-page-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:var(--app-text)}.form-page-loading{padding:2rem;text-align:center;color:var(--app-text-muted)}.form-page-form{display:flex;flex-direction:column;gap:1.5rem}.form-section{background:var(--app-card-bg);border:1px solid var(--app-border-light);border-radius:12px;padding:1.25rem;box-shadow:var(--app-shadow)}.form-section-title{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--app-text)}.form-row{margin-bottom:1rem}.form-row:last-child{margin-bottom:0}.form-label{display:block;font-weight:600;color:var(--app-text-muted);font-size:.9rem;margin-bottom:.35rem}.form-label.required-asterisk:after{content:" *";color:var(--app-logout, #ef4444)}.form-input{width:100%;padding:.5rem .75rem;border:1px solid var(--app-border);border-radius:8px;font-size:.95rem;color:var(--app-text);background:var(--app-bg)}.form-input:focus{outline:none;border-color:var(--app-btn-primary-bg);box-shadow:0 0 0 2px #007aff33}.form-input:disabled{opacity:.7;cursor:not-allowed}.form-grid2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 600px){.form-grid2{grid-template-columns:1fr}}.form-actions{display:flex;flex-wrap:wrap;gap:.75rem;padding-top:.5rem}.form-btn{padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;border:1px solid transparent}.form-btn:disabled{opacity:.6;cursor:not-allowed}.form-btn-primary{background:var(--app-btn-primary-bg);color:var(--app-btn-primary-color);border-color:var(--app-btn-primary-bg)}.form-btn-primary:hover:not(:disabled){opacity:.9}.form-btn-secondary{background:var(--app-btn-bg);color:var(--app-text);border-color:var(--app-border)}.form-btn-secondary:hover{background:var(--app-card-bg)}.form-page .password-input-wrap{width:100%}.form-page .password-input-wrap input{width:100%;padding:.5rem .75rem;border-radius:8px;border:1px solid var(--app-border)}@media (max-width: 768px){.form-page{padding:12px 16px;max-width:100%}.form-page-back{padding:.6rem 1rem;min-height:44px;font-size:1rem;-webkit-tap-highlight-color:transparent}.form-page-title{font-size:1.25rem}.form-section{padding:1rem}.form-section-title{font-size:.95rem}.form-input,.form-page .password-input-wrap input{padding:.6rem .75rem;min-height:44px;font-size:16px}.form-actions{flex-direction:column;gap:.5rem}.form-btn{width:100%;min-height:44px;font-size:1rem;-webkit-tap-highlight-color:transparent}}@media (max-width: 480px){.form-page{padding:10px 12px}.form-page-title{font-size:1.1rem}}.profile-page{animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55)}.profile-page h1{margin-bottom:2rem;color:#2d2d2d;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#2d2d2d,#5a5a5a,gray);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-card{padding:2.5rem;max-width:800px}.profile-card.change-password-card{margin-top:2rem}.profile-section-title{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;color:var(--app-text, #2d2d2d)}.profile-header{display:flex;align-items:center;gap:2rem;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid rgba(192,192,192,.3)}.profile-avatar-large{position:relative}.avatar-circle-large{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,silver,#a8a8a8);color:var(--app-btn-primary-color, white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:2rem;box-shadow:var(--shadow-soft, 0 8px 25px rgba(128, 128, 128, .3))}.avatar-upload-btn{position:absolute;bottom:0;right:0;width:36px;height:36px;border-radius:50%;background:var(--surface-elevated, rgba(255, 255, 255, .9));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--border-subtle, rgba(192, 192, 192, .4));color:var(--text-primary, #2d2d2d);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-soft, 0 4px 12px rgba(0, 0, 0, .1))}.avatar-upload-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-strong, 0 6px 20px rgba(0, 0, 0, .15))}.profile-basic-info h2{margin:0 0 .5rem;font-size:1.75rem;color:#2d2d2d;font-weight:700}.profile-email-text{margin:0 0 .75rem;color:#5a5a5acc;font-size:1rem}.profile-role-badge{display:inline-block;padding:.4rem 1rem;background:var(--surface-secondary, rgba(192, 192, 192, .3));color:var(--text-primary, #2d2d2d);border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#2d2d2d;font-size:.95rem}.form-group small{font-size:.8rem;color:#5a5a5ab3;margin-top:-.25rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.cancel-btn{background:var(--interactive-secondary, rgba(255, 255, 255, .3))!important;color:var(--text-primary, #2d2d2d)!important;border-color:var(--border-subtle, rgba(192, 192, 192, .4))!important}.cancel-btn:hover{background:var(--surface-elevated, rgba(255, 255, 255, .5))!important}.style-selector{display:flex;flex-direction:column;gap:.5rem}.style-option{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--surface-secondary, rgba(255, 255, 255, .3));border:1px solid var(--border-subtle, rgba(192, 192, 192, .3));border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--app-text, #2d2d2d);font-size:.95rem}.style-option:hover{background:#ffffff80;border-color:#c0c0c080}.style-option.active{background:var(--surface-secondary, rgba(45, 45, 45, .1));border-color:var(--border-subtle, rgba(45, 45, 45, .3));font-weight:600}.style-option-label{flex:1;text-align:left}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.profile-header{flex-direction:column;text-align:center}}.tenant-profile-page{padding:1.5rem;max-width:720px;margin:0 auto}.tenant-profile-loading{text-align:center;padding:2rem;color:var(--text-muted, #666)}.tenant-profile-header{margin-bottom:1.5rem}.tenant-profile-header h1{font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.tenant-profile-subtitle{margin:0;color:var(--text-muted, #666);font-size:.9rem}.tenant-profile-card{background:var(--surface-secondary, var(--card-bg, #fff));border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0,0,0,.08));border:1px solid var(--border-subtle, transparent);margin-bottom:1rem}.tenant-profile-avatar-section{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.tenant-profile-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;background:var(--bg-muted, #eee);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;color:var(--text-muted, #666)}.tenant-profile-avatar img{width:100%;height:100%;object-fit:cover}.tenant-profile-edit-btn{padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border, #ddd);background:var(--bg, #fff);cursor:pointer;font-size:.9rem}.tenant-profile-edit-btn:hover{background:var(--bg-muted, #f5f5f5)}.tenant-profile-details .tenant-detail-row{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem 0;border-bottom:1px solid var(--border, #eee)}.tenant-detail-label{font-weight:500;color:var(--text-muted, #666);min-width:140px}.tenant-profile-form .tenant-form-row{margin-bottom:1rem}.tenant-profile-form .tenant-form-row label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.25rem;color:var(--text-muted, #666)}.tenant-profile-form .tenant-form-row input{width:100%;padding:.5rem .75rem;border:1px solid var(--border, #ddd);border-radius:8px;font-size:1rem}.tenant-form-actions{display:flex;gap:.75rem;margin-top:1.25rem}.tenant-btn.secondary{background:var(--bg-muted, #f0f0f0);color:var(--text, #333)}.tenant-profile-hint{font-size:.85rem;color:var(--text-muted, #666);margin:0}.tenant-profile-hint a{color:var(--primary, #2563eb)}.tenant-complaints-page{padding:1.5rem;max-width:800px;margin:0 auto}.tenant-page-header{margin-bottom:1.5rem}.tenant-page-header h1{font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.tenant-page-subtitle{margin:0 0 1rem;color:var(--text-muted, #666);font-size:.9rem}.tenant-complaint-form-card{background:var(--surface-secondary, var(--card-bg, #fff));border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0,0,0,.08));border:1px solid var(--border-subtle, transparent);margin-bottom:1.5rem}.tenant-complaint-form-card h2{font-size:1.1rem;margin:0 0 1rem}.tenant-complaint-form-card .tenant-form-row{margin-bottom:1rem}.tenant-complaint-form-card .tenant-form-row label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.25rem}.tenant-complaint-form-card .tenant-form-row input,.tenant-complaint-form-card .tenant-form-row select,.tenant-complaint-form-card .tenant-form-row textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--input-border, var(--border, #ddd));border-radius:8px;font-size:1rem;background:var(--input-bg, var(--app-input-bg));color:var(--input-text, var(--app-text))}.tenant-complaint-form-card .tenant-form-row textarea::placeholder{color:var(--input-placeholder, var(--app-text-muted))}.tenant-complaint-form-card .tenant-form-row select:focus,.tenant-complaint-form-card .tenant-form-row textarea:focus{outline:none;border-color:var(--input-focus, var(--border, #ddd))}.tenant-complaints-list h2{font-size:1.1rem;margin:0 0 1rem}.tenant-loading,.tenant-empty{color:var(--text-muted, #666);padding:1rem 0}.tenant-complaint-cards{list-style:none;padding:0;margin:0}.tenant-complaint-card{background:var(--surface-secondary, var(--card-bg, #fff));border-radius:12px;padding:1rem 1.25rem;margin-bottom:.75rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0,0,0,.08));border:1px solid var(--border-subtle, transparent)}.tenant-complaint-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.tenant-complaint-title{font-weight:600}.tenant-complaint-status{font-size:.8rem;padding:.2rem .5rem;border-radius:6px;text-transform:capitalize}.tenant-complaint-status.status-pending{background:#fef3c7;color:#92400e}.tenant-complaint-status.status-in_progress{background:#dbeafe;color:#1e40af}.tenant-complaint-status.status-resolved{background:#d1fae5;color:#065f46}.tenant-complaint-status.status-cancelled{background:#f3f4f6;color:#6b7280}.tenant-complaint-desc{margin:.5rem 0;font-size:.95rem;color:var(--text-primary, var(--text, #333))}.tenant-complaint-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem;color:var(--text-muted, #666)}.tenant-complaint-images{display:flex;gap:.5rem;margin-top:.5rem}.tenant-complaint-images img{width:64px;height:64px;object-fit:cover;border-radius:8px}.tenant-transactions-page{padding:1.5rem;max-width:900px;margin:0 auto}.tenant-table-wrap{overflow-x:auto}.tenant-table{width:100%;border-collapse:collapse;font-size:.9rem}.tenant-table{background:var(--app-card-bg, #ffffff)}.tenant-table th,.tenant-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-subtle, var(--border, #eee))}.tenant-table th{font-weight:600;color:var(--text-primary, var(--text-muted, #666));background:var(--surface-secondary, var(--bg-muted, #f9fafb))}.tenant-table tbody tr{background:var(--app-card-bg, #ffffff)}.tenant-table tbody tr:nth-child(2n){background:var(--surface-secondary, rgba(0, 0, 0, .015))}.tenant-table tbody tr:hover{background:var(--surface-elevated, rgba(0, 0, 0, .025))!important}.tenant-table td{color:var(--text-primary, var(--text, #333))}.tenant-status-badge{display:inline-block;padding:.2rem .5rem;border-radius:6px;font-size:.8rem}.tenant-status-badge.status-paid{background:#d1fae5;color:#065f46}.tenant-status-badge.status-pending{background:#fef3c7;color:#92400e}.tenant-status-badge.status-failed,.tenant-status-badge.status-cancelled{background:#fee2e2;color:#991b1b}.tenant-receipts-page{padding:1.5rem;max-width:800px;margin:0 auto}.tenant-receipt-cards{display:grid;gap:1rem}.tenant-receipt-card{background:var(--surface-secondary, var(--card-bg, #fff));border-radius:12px;padding:1.25rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0,0,0,.08));border:1px solid var(--border-subtle, transparent);border-left:4px solid var(--accent, var(--primary, #2563eb))}.tenant-receipt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.tenant-receipt-number{font-weight:600;font-size:.95rem}.tenant-receipt-date{font-size:.9rem;color:var(--text-muted, #666)}.tenant-receipt-amount{font-size:1.5rem;font-weight:700;margin:.5rem 0}.tenant-receipt-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem;color:var(--text-muted, #666)}.tenant-notifications-page{padding:1.5rem;max-width:640px;margin:0 auto}.tenant-page-header{margin-bottom:1.25rem}.tenant-enable-push-btn{display:inline-block;margin-top:.75rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;color:var(--primary, #2563eb);background:var(--primary-bg, rgba(37, 99, 235, .1));border:1px solid var(--primary, #2563eb);border-radius:8px;cursor:pointer}.tenant-enable-push-btn:hover:not(:disabled){background:var(--primary-bg-hover, rgba(37, 99, 235, .15))}.tenant-enable-push-btn:disabled{opacity:.7;cursor:not-allowed}.tenant-notifications-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.tenant-refresh-btn{display:inline-block;padding:.5rem 1rem;font-size:.9rem;font-weight:500;color:var(--text-secondary, #666);background:var(--surface-secondary, #f1f5f9);border:1px solid var(--border-subtle, #e2e8f0);border-radius:8px;cursor:pointer}.tenant-refresh-btn:hover:not(:disabled){background:var(--surface-elevated, #e2e8f0)}.tenant-refresh-btn:disabled{opacity:.7;cursor:not-allowed}.tenant-push-status{font-size:.9rem;color:var(--text-secondary, #666);margin-top:.5rem}.tenant-notification-list{list-style:none;padding:0;margin:0}.tenant-notification-item{background:var(--surface-secondary, var(--card-bg, #fff));border-radius:12px;padding:1rem 1.25rem;margin-bottom:.75rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0,0,0,.08));border:1px solid var(--border-subtle, transparent);cursor:default}.tenant-notification-item.unread{border-left:4px solid var(--accent, var(--primary, #2563eb));background:var(--surface-elevated, var(--bg-muted, #f8fafc))}.tenant-notification-title{font-weight:600;margin-bottom:.25rem;color:var(--text-primary, var(--text, #333))}.tenant-notification-message{font-size:.95rem;color:var(--text-primary, var(--text, #333));margin-bottom:.5rem}.tenant-notification-time{font-size:.8rem;color:var(--text-secondary, var(--text-muted, #666))}.tenant-pay-rent-page{padding:1.5rem;max-width:560px;margin:0 auto}.tenant-pay-rent-card{background:var(--surface-secondary, var(--card-bg, #fff));border-radius:12px;padding:1.5rem;margin-bottom:1rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0,0,0,.08));border:1px solid var(--border-subtle, transparent)}.tenant-pay-rent-card.highlight{border-left:4px solid var(--accent, var(--primary, #2563eb));background:var(--surface-elevated, var(--bg-muted, #f8fafc))}.tenant-pay-rent-card h2{font-size:1rem;font-weight:600;margin:0 0 .5rem;color:var(--text-muted, #666)}.tenant-pay-rent-amount{font-size:1.75rem;font-weight:700}.tenant-pay-rent-due{font-size:1.25rem;font-weight:600}.tenant-pay-rent-note{font-size:.9rem;color:var(--text-muted, #666);margin:.5rem 0 0}.tenant-pay-rent-card ul{margin:.5rem 0;padding-left:1.25rem}.tenant-pay-rent-card p{margin:0 0 .5rem}.tenant-pay-link{color:var(--primary, #2563eb);text-decoration:underline}.tenant-pay-online-page{padding:1.5rem;max-width:560px;margin:0 auto}.tenant-pay-loading{color:var(--text-muted, #666);padding:1rem 0}.tenant-pay-header{margin-bottom:1.5rem}.tenant-pay-header h1{font-size:1.5rem;margin:0 0 .25rem}.tenant-pay-subtitle{margin:0;color:var(--text-muted, #666);font-size:.9rem}.tenant-pay-card{background:var(--surface-secondary, var(--card-bg, #fff));border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0,0,0,.08));border:1px solid var(--border-subtle, transparent);margin-bottom:1rem}.tenant-pay-unavailable{color:var(--text-muted, #666);text-align:center;padding:1rem 0}.tenant-pay-info{margin-bottom:1.5rem}.tenant-pay-trust{padding:.75rem;background:#d1fae5;border-radius:8px;color:#065f46;font-size:.9rem;margin:0}.tenant-pay-due{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border, #eee)}.tenant-pay-due h3{font-size:1rem;margin:0 0 .75rem}.due-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.due-amount{font-size:1.25rem;font-weight:700}.tenant-pay-custom h3{font-size:1rem;margin:0 0 .75rem}.custom-amount-form{display:flex;flex-direction:column;gap:.75rem}.custom-amount-form label{font-size:.85rem;font-weight:500}.custom-amount-form input{padding:.5rem .75rem;border:1px solid var(--border, #ddd);border-radius:8px;font-size:1rem}.tenant-pay-security{background:var(--surface-secondary, var(--card-bg, #fff));border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0,0,0,.08));border:1px solid var(--border-subtle, transparent)}.tenant-pay-security h3{font-size:1rem;margin:0 0 .75rem}.tenant-pay-security ul{list-style:none;padding:0;margin:0}.tenant-pay-security li{padding:.25rem 0;color:var(--text-muted, #666);font-size:.9rem}.tenant-pay-muted{margin:0 0 .75rem;color:var(--text-muted, #666);font-size:.9rem}.tenant-pay-qr-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border, #eee)}.tenant-pay-qr-section h3{font-size:1rem;margin:0 0 .5rem}.tenant-pay-qr-wrap{display:flex;justify-content:center;padding:1rem;border:1px solid var(--border, #eee);border-radius:12px;margin-top:.75rem;background:var(--surface, #fff)}.tenant-pay-qr-img{width:200px;height:200px;object-fit:contain}.tenant-pay-proof-hint{margin:0 0 1rem;color:var(--text-muted, #666);font-size:.9rem}.tenant-pay-proof-file-ok{margin:0;font-size:.85rem;color:#065f46}.tenant-btn{padding:.5rem 1.25rem;border-radius:8px;font-size:.9rem;cursor:pointer;border:none}.tenant-btn.primary{background:var(--primary, #2563eb);color:var(--app-btn-primary-color, #fff)}.tenant-btn.primary:disabled{opacity:.6;cursor:not-allowed}.tenant-hostel-page{padding:1.5rem;max-width:640px;margin:0 auto}.tenant-hostel-loading,.tenant-hostel-empty{color:var(--text-muted, #666);padding:2rem 0}.tenant-hostel-header{margin-bottom:1.5rem}.tenant-hostel-header h1{font-size:1.5rem;margin:0 0 .25rem}.tenant-hostel-subtitle{margin:0;color:var(--text-muted, #666);font-size:.9rem}.tenant-hostel-card{background:var(--surface-secondary, #fff);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0,0,0,.08));border:1px solid var(--border-subtle, #eee)}.tenant-hostel-name{font-size:1.25rem;margin:0 0 .5rem}.tenant-hostel-description{color:var(--text-muted, #666);font-size:.9rem;margin:0 0 1rem}.tenant-hostel-section{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border-subtle, #eee)}.tenant-hostel-section:first-of-type{border-top:none;padding-top:0;margin-top:0}.tenant-hostel-section h3{font-size:.85rem;font-weight:600;margin:0 0 .5rem;color:var(--text-secondary, #555)}.tenant-hostel-section p{margin:.25rem 0;font-size:.95rem}.tenant-hostel-amenities{list-style:none;padding:0;margin:.5rem 0 0}.tenant-hostel-amenities li{padding:.25rem 0 .25rem 1.25rem;position:relative}.tenant-hostel-amenities li:before{content:"✓";position:absolute;left:0;color:var(--primary, #2563eb);font-weight:600}.tenant-food-menu-page{padding:1.5rem;max-width:640px}.tenant-food-header{margin-bottom:1.5rem}.tenant-food-header h1{margin:0 0 .25rem;font-size:1.5rem;color:var(--text-primary, #1a1a1a)}.tenant-food-subtitle{margin:0;font-size:.9rem;color:var(--text-secondary, #666)}.tenant-food-loading,.tenant-food-empty{color:var(--text-secondary, #666);margin:0}.tenant-food-card{background:var(--surface-elevated, #fff);border:1px solid var(--border-subtle, #e5e5e5);border-radius:8px;padding:1.5rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0,0,0,.06))}.tenant-food-section{margin-bottom:1.25rem}.tenant-food-section:last-child{margin-bottom:0}.tenant-food-section h3{margin:0 0 .5rem;font-size:1rem;color:var(--text-primary, #1a1a1a)}.tenant-food-section ul{list-style:none;padding:0;margin:0}.tenant-food-section li{padding:.35rem 0;border-bottom:1px solid var(--border-subtle, #eee);color:var(--text-primary, #1a1a1a)}.tenant-food-section li:last-child{border-bottom:none}.tenant-food-notes{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-subtle, #e5e5e5)}.tenant-food-notes h3{margin:0 0 .35rem;font-size:1rem;color:var(--text-primary, #1a1a1a)}.tenant-food-notes p{margin:0;font-size:.9rem;color:var(--text-secondary, #666);white-space:pre-wrap}.hostel-info-page{padding:1.5rem;max-width:720px;margin:0 auto}.hostel-info-loading,.hostel-info-empty{color:var(--text-muted, #666);padding:2rem 0}.hostel-info-link{display:inline-block;margin-top:.5rem;color:var(--primary, #2563eb)}.hostel-info-header{margin-bottom:1.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.hostel-info-header h1{font-size:1.5rem;margin:0}.hostel-info-subtitle{margin:0;color:var(--text-muted, #666);font-size:.9rem;width:100%}.hostel-info-edit-btn,.hostel-info-save{padding:.5rem 1rem;border-radius:8px;border:none;background:var(--primary, #2563eb);color:#fff;font-weight:500;cursor:pointer}.hostel-info-cancel{padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border, #ddd);background:#fff;cursor:pointer}.hostel-info-actions{display:flex;gap:.5rem;margin-left:auto}.hostel-info-card{background:var(--surface-secondary, #fff);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0,0,0,.08));border:1px solid var(--border-subtle, #eee)}.hostel-info-field{margin-bottom:1rem}.hostel-info-field label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.25rem;color:var(--text-secondary, #555)}.hostel-info-field p{margin:0;font-size:.95rem}.hostel-info-field input,.hostel-info-field textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--border, #ddd);border-radius:8px;font-size:1rem}.hostel-info-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}@media (max-width: 600px){.hostel-info-row{grid-template-columns:1fr}}.food-menu-page{padding:1.5rem;max-width:720px}.food-menu-header{margin-bottom:1.5rem}.food-menu-header h1{margin:0 0 .25rem;font-size:1.5rem;color:var(--text-primary, #1a1a1a)}.food-menu-subtitle{margin:0;font-size:.9rem;color:var(--text-secondary, #666)}.food-menu-empty,.food-menu-loading{color:var(--text-secondary, #666);margin:0}.food-menu-card{background:var(--surface-elevated, #fff);border:1px solid var(--border-subtle, #e5e5e5);border-radius:8px;padding:1.5rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0,0,0,.06))}.food-menu-section{margin-bottom:1.5rem}.food-menu-section h4{margin:0 0 .5rem;font-size:1rem;color:var(--text-primary, #1a1a1a)}.food-menu-row{display:flex;gap:.5rem;margin-bottom:.5rem;align-items:center}.food-menu-row input{flex:1;padding:.5rem .75rem;border:1px solid var(--input-border, #ccc);border-radius:6px;background:var(--input-bg, #fff);color:var(--input-text, #1a1a1a);font-size:.95rem}.food-menu-remove{width:32px;height:32px;padding:0;border:none;background:var(--surface-secondary, #f5f5f5);color:var(--text-secondary, #666);border-radius:6px;cursor:pointer;font-size:1.25rem;line-height:1;flex-shrink:0}.food-menu-remove:hover{background:var(--interactive-danger, #dc3545);color:#fff}.food-menu-add{margin-top:.5rem;padding:.4rem .75rem;font-size:.9rem;border:1px dashed var(--border-subtle, #ccc);background:transparent;color:var(--text-secondary, #666);border-radius:6px;cursor:pointer}.food-menu-add:hover{border-color:var(--interactive-primary, #2563eb);color:var(--interactive-primary, #2563eb)}.food-menu-empty-item{margin:0;font-size:.9rem;color:var(--text-secondary, #666)}.food-menu-item-list.read-only{list-style:none;padding:0;margin:0}.food-menu-item-list.read-only li{padding:.35rem 0;border-bottom:1px solid var(--border-subtle, #eee);color:var(--text-primary, #1a1a1a)}.food-menu-optional-block{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-subtle, #e5e5e5)}.food-menu-optional-block h3{margin:0 0 .25rem;font-size:1.1rem;color:var(--text-primary, #1a1a1a)}.food-menu-optional-hint{margin:0 0 1rem;font-size:.85rem;color:var(--text-secondary, #666)}.food-menu-optional-section{margin-bottom:1rem;padding:1rem;background:var(--surface-secondary, #f9f9f9);border-radius:8px;border:1px solid var(--border-subtle, #eee)}.food-menu-optional-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.food-menu-optional-title{flex:1;padding:.5rem .75rem;border:1px solid var(--input-border, #ccc);border-radius:6px;background:var(--input-bg, #fff);color:var(--input-text, #1a1a1a);font-size:.95rem;font-weight:600}.food-menu-remove-section{padding:.35rem .6rem;font-size:.8rem;border:none;background:transparent;color:var(--interactive-danger, #dc3545);cursor:pointer}.food-menu-add-section{margin-top:.5rem;padding:.5rem .75rem;font-size:.9rem;border:1px dashed var(--border-subtle, #ccc);background:transparent;color:var(--text-secondary, #666);border-radius:6px;cursor:pointer}.food-menu-add-section:hover{border-color:var(--interactive-primary, #2563eb);color:var(--interactive-primary, #2563eb)}.food-menu-notes{margin-top:1.5rem}.food-menu-notes label{display:block;margin-bottom:.35rem;font-size:.9rem;color:var(--text-primary, #1a1a1a)}.food-menu-notes textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--input-border, #ccc);border-radius:6px;background:var(--input-bg, #fff);color:var(--input-text, #1a1a1a);font-size:.95rem;resize:vertical;box-sizing:border-box}.food-menu-actions{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-subtle, #e5e5e5)}.food-menu-actions .btn-primary{padding:.6rem 1.25rem;background:var(--interactive-primary, #2563eb);color:#fff;border:none;border-radius:6px;font-size:.95rem;cursor:pointer}.food-menu-actions .btn-primary:disabled{opacity:.7;cursor:not-allowed}.rent-collection-page{padding:1.5rem;max-width:720px;margin:0 auto}.rent-collection-empty,.rent-collection-loading{color:var(--text-muted, #666);padding:1rem 0}.rent-collection-header{margin-bottom:1.5rem}.rent-collection-header h1{font-size:1.5rem;margin:0 0 .25rem}.rent-collection-subtitle{margin:0;color:var(--text-muted, #666);font-size:.9rem}.rent-collection-card{background:var(--surface-secondary, var(--card-bg, #fff));border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0,0,0,.08));border:1px solid var(--border-subtle, transparent);margin-bottom:1rem}.rent-collection-card h2,.rent-collection-card h3{font-size:1.1rem;margin:0 0 1rem}.rent-collection-info{margin:0 0 1rem;color:var(--text-muted, #666);font-size:.9rem}.rent-collection-info a{color:var(--primary, #2563eb)}.rent-collection-status{margin-bottom:1rem}.status-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.status-label{font-weight:500;min-width:100px}.status-badge{padding:.25rem .75rem;border-radius:6px;font-size:.85rem;font-weight:500}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.status-badge.verified{background:#dbeafe;color:#1e40af}.status-badge.unverified{background:#fef3c7;color:#92400e}.rent-collection-verify{margin-top:1rem;padding:1rem;background:var(--bg-muted, #f8fafc);border-radius:8px}.rent-collection-verify h3{font-size:1rem;margin:0 0 .5rem}.rent-collection-success{margin-top:1rem;padding:1rem;background:#d1fae5;border-radius:8px;color:#065f46}.rent-collection-update{margin-top:1rem}.rent-collection-form .form-row{margin-bottom:1rem}.rent-collection-form .form-row label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.25rem}.rent-collection-form .form-row input{width:100%;padding:.5rem .75rem;border:1px solid var(--border, #ddd);border-radius:8px;font-size:1rem}.rent-collection-form .form-row small{display:block;margin-top:.25rem;font-size:.8rem;color:var(--text-muted, #666)}.rent-collection-trust{background:var(--surface-secondary, var(--card-bg, #fff));border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0,0,0,.08));border:1px solid var(--border-subtle, transparent)}.rent-collection-trust h3{font-size:1rem;margin:0 0 .75rem}.rent-collection-trust ul{list-style:none;padding:0;margin:0}.rent-collection-trust li{padding:.25rem 0;color:var(--text-muted, #666);font-size:.9rem}.rent-settings-card{margin-bottom:1rem}.rent-due-section{margin-bottom:1.5rem}.rent-due-section label,.whatsapp-toggle-row .whatsapp-label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.25rem}.rent-due-hint,.whatsapp-hint{font-size:.85rem;color:var(--text-muted, #666);margin:0 0 .75rem}.rent-due-days{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.rent-due-chip{width:36px;height:36px;border-radius:18px;border:1px solid var(--border, #ddd);background:var(--surface-primary, #fff);font-size:.9rem;cursor:pointer;transition:all .15s}.rent-due-chip:hover{border-color:var(--primary, #2563eb)}.rent-due-chip.active{background:var(--primary, #2563eb);border-color:var(--primary, #2563eb);color:#fff}.rent-save-btn{margin-top:.25rem}.whatsapp-toggle-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-subtle, #eee)}.whatsapp-toggle-row>div{flex:1}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border, #ccc);border-radius:26px;transition:.2s}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 2px #0003}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary, #2563eb)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-switch input:disabled+.toggle-slider{opacity:.6;cursor:not-allowed}.platform-gateway-page{padding:1.5rem;max-width:720px;margin:0 auto}.platform-gateway-loading{color:var(--text-muted, #666);padding:1rem 0}.platform-gateway-header{margin-bottom:1.5rem}.platform-gateway-header h1{font-size:1.5rem;margin:0 0 .25rem}.platform-gateway-subtitle{margin:0;color:var(--text-muted, #666);font-size:.9rem}.platform-gateway-card{background:var(--surface-secondary, var(--card-bg, #fff));border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0,0,0,.08));border:1px solid var(--border-subtle, transparent);margin-bottom:1rem}.platform-gateway-card h2,.platform-gateway-card h3{font-size:1.1rem;margin:0 0 1rem;color:var(--text-primary, var(--app-text))}.platform-gateway-form .form-row label.required:after{content:" *";color:var(--app-logout, #dc2626)}.platform-gateway-info{margin:0 0 1rem;color:var(--text-muted, #666);font-size:.9rem}.platform-gateway-status{margin-bottom:1rem}.platform-gateway-verify{margin-top:1rem;padding:1rem;background:var(--bg-muted, #f8fafc);border-radius:8px}.platform-gateway-verify h3{font-size:1rem;margin:0 0 .5rem}.platform-gateway-recovery{margin:.75rem 0 0;font-size:.85rem;color:var(--text-muted, #666)}.platform-gateway-link-btn{background:none;border:none;color:var(--primary, #2563eb);cursor:pointer;text-decoration:underline;padding:0;font-size:inherit}.platform-gateway-link-btn:hover:not(:disabled){color:var(--primary-hover, #1d4ed8)}.platform-gateway-success{margin-top:1rem;padding:1rem;background:#d1fae5;border-radius:8px;color:#065f46}.platform-gateway-update{margin-top:1rem}.platform-gateway-form .form-row{margin-bottom:1rem}.platform-gateway-form .form-row label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.25rem}.platform-gateway-form .form-row input{width:100%;padding:.5rem .75rem;border:1px solid var(--input-border, var(--border, #ddd));border-radius:8px;font-size:1rem;background:var(--input-bg, var(--app-input-bg));color:var(--input-text, var(--app-text))}.platform-gateway-form .form-row input::placeholder{color:var(--input-placeholder, var(--app-text-muted))}.platform-gateway-form .form-row input:focus{outline:none;border-color:var(--input-focus, var(--border, #ddd))}.platform-gateway-form .form-actions{display:flex;gap:.75rem;margin-top:1.25rem;padding-bottom:env(safe-area-inset-bottom,0);padding-bottom:max(1.25rem,env(safe-area-inset-bottom))}@media (max-width: 768px){.platform-gateway-page{padding-bottom:5rem}}.complaints-page{padding:1.5rem;max-width:900px;margin:0 auto}.complaints-empty-msg,.complaints-loading,.complaints-empty{color:var(--text-muted, #666);padding:1rem 0}.complaints-header{margin-bottom:1.5rem}.complaints-header h1{font-size:1.5rem;margin:0 0 .25rem}.complaints-subtitle{margin:0 0 1rem;color:var(--text-muted, #666);font-size:.9rem}.complaints-filters select{padding:.5rem .75rem;border-radius:8px;border:1px solid var(--input-border, var(--border, #ddd));background:var(--input-bg, var(--app-input-bg));color:var(--input-text, var(--app-text))}.complaints-filters select:focus{outline:none;border-color:var(--input-focus, var(--border, #ddd))}.complaints-list{display:flex;flex-direction:column;gap:.75rem}.complaints-card{background:var(--surface-secondary, var(--card-bg, #fff));border-radius:12px;padding:1rem 1.25rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0,0,0,.08));border:1px solid var(--border-subtle, transparent);cursor:pointer}.complaints-card-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.complaints-card-title{font-weight:600}.complaints-badge{font-size:.8rem;padding:.2rem .5rem;border-radius:6px;text-transform:capitalize}.complaints-badge.status-pending{background:#fef3c7;color:#92400e}.complaints-badge.status-in_progress{background:#dbeafe;color:#1e40af}.complaints-badge.status-resolved{background:#d1fae5;color:#065f46}.complaints-badge.status-cancelled{background:#f3f4f6;color:#6b7280}.complaints-card-desc{margin:.5rem 0;font-size:.95rem}.complaints-card-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem;color:var(--text-muted, #666)}.complaint-detail-loading{padding:1rem 0;color:var(--text-muted, #666)}.complaint-detail{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border, #eee)}.complaint-detail-images{display:flex;gap:.5rem;margin-bottom:1rem}.complaint-detail-images img{width:80px;height:80px;object-fit:cover;border-radius:8px}.complaint-detail-actions{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.complaint-detail-actions select{padding:.4rem .75rem;border-radius:8px;border:1px solid var(--input-border, var(--border, #ddd));background:var(--input-bg, var(--app-input-bg));color:var(--input-text, var(--app-text))}.complaint-detail-actions select:focus{outline:none;border-color:var(--input-focus, var(--border, #ddd))}.complaint-resolution{margin-bottom:1rem;font-size:.9rem;color:var(--text-muted, #666)}.complaint-comments h4{font-size:1rem;margin:0 0 .75rem}.complaint-comment{background:var(--surface-elevated, var(--bg-muted, #f8f9fa));border-radius:8px;padding:.75rem 1rem;margin-bottom:.5rem;border:1px solid var(--border-subtle, transparent)}.complaint-comment.staff{border-left:3px solid var(--accent, var(--primary, #2563eb))}.complaint-comment-author{font-weight:600;margin-right:.5rem;color:var(--text-primary, var(--text, #333))}.complaint-comment-badge{font-size:.7rem;background:var(--primary, #2563eb);color:var(--app-btn-primary-color, #fff);padding:.1rem .4rem;border-radius:4px}.complaint-comment p{margin:.35rem 0 0;color:var(--text-primary, var(--text, #333))}.complaint-comment-time{font-size:.75rem;color:var(--text-muted, #666)}.complaint-comment-images{display:flex;gap:.25rem;margin-top:.25rem}.complaint-comment-images img{width:48px;height:48px;object-fit:cover;border-radius:4px}.complaint-add-comment{margin-top:1rem}.complaint-add-comment textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--input-border, var(--border, #ddd));border-radius:8px;font-size:1rem;margin-bottom:.5rem;background:var(--input-bg, var(--app-input-bg));color:var(--input-text, var(--app-text))}.complaint-add-comment textarea::placeholder{color:var(--input-placeholder, var(--app-text-muted))}.complaint-add-comment textarea:focus{outline:none;border-color:var(--input-focus, var(--border, #ddd))}.complaint-detail-close{margin-top:1rem;padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border, #ddd);background:var(--bg, #fff);cursor:pointer}.notifications-send-page{padding:1.5rem;max-width:560px;margin:0 auto}.notifications-send-empty{color:var(--text-muted, #666);padding:1rem 0}.notifications-send-header{margin-bottom:1.5rem}.notifications-send-header h1{font-size:1.5rem;margin:0 0 .25rem}.notifications-send-subtitle{margin:0;color:var(--text-muted, #666);font-size:.9rem}.notifications-send-form{background:var(--surface-secondary, var(--card-bg, #fff));border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-soft, 0 1px 3px rgba(0,0,0,.08));border:1px solid var(--border-subtle, transparent)}.notifications-send-form .form-row{margin-bottom:1rem}.notifications-send-form .form-row label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.25rem}.notifications-send-form .form-row input,.notifications-send-form .form-row select,.notifications-send-form .form-row textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--input-border, var(--border, #ddd));border-radius:8px;font-size:1rem;background:var(--input-bg, var(--app-input-bg));color:var(--input-text, var(--app-text))}.notifications-send-form .form-row select:focus,.notifications-send-form .form-row textarea:focus{outline:none;border-color:var(--input-focus, var(--border, #ddd))}.notifications-send-form .form-row textarea{resize:vertical}.notifications-send-form .form-row textarea::placeholder{color:var(--input-placeholder, var(--app-text-muted))}.notifications-send-form .form-row small{display:block;margin-top:.25rem;color:var(--text-muted, #666)}.form-actions{margin-top:1.25rem}:root{--bg: #020408;--bg2: #060b14;--navy: #0a1628;--cyan: #00e5ff;--cyan2: #00b4d8;--gold: #ffc107;--gold2: #ff9800;--rose: #ff4d6d;--text: #e8f4f8;--muted: #4a6580;--glass: rgba(255, 255, 255, .03);--gb: rgba(255, 255, 255, .06)}.landing-page{font-family:system-ui,-apple-system,BlinkMacSystemFont,Plus Jakarta Sans,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;position:relative}.landing-page #pc{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.65}.landing-page .prog{position:fixed;top:0;left:0;height:2px;z-index:700;background:linear-gradient(90deg,var(--cyan),var(--gold),var(--rose));width:0%;box-shadow:0 0 12px var(--cyan)}.landing-page .lp-nav{position:fixed;top:0;left:0;right:0;z-index:600;display:flex;align-items:center;justify-content:space-between;padding:20px 60px;background:#020408a6;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--gb);animation:navIn .9s cubic-bezier(.23,1,.32,1) both}@keyframes navIn{0%{transform:translateY(-110%);opacity:0}to{transform:translateY(0);opacity:1}}.landing-page .logo{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.landing-page .nav-logo-icon{height:72px;width:auto}.landing-page .nav-logo-wordmark{height:44px;width:auto}.landing-page .logo:before{content:"";position:absolute;top:-12px;right:-24px;bottom:-12px;left:-24px;border-radius:999px;background:radial-gradient(circle at 0% 50%,rgba(255,255,255,.35),transparent 60%),radial-gradient(circle at 100% 50%,rgba(255,255,255,.45),transparent 70%);filter:blur(16px);opacity:.9;z-index:-1}.landing-page .nav-r{display:flex;align-items:center;gap:28px}.landing-page .nav-lk{font-size:.78rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s}.landing-page .nav-lk:hover{color:var(--text)}.landing-page .nav-btn{font-weight:700;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bg);background:linear-gradient(135deg,var(--cyan),var(--cyan2));border:none;padding:10px 28px;border-radius:50px;text-decoration:none;transition:transform .25s,box-shadow .25s;box-shadow:0 0 24px #00e5ff59;position:relative;overflow:hidden}.landing-page .nav-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 0 44px #00e5ff99}.landing-page .hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:130px 40px 90px;position:relative;z-index:1;overflow:hidden}.landing-page .hmesh{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 80% 60% at 20% 30%,rgba(0,229,255,.08) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 70%,rgba(255,193,7,.06) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 50% 100%,rgba(255,77,109,.05) 0%,transparent 60%);animation:meshS 14s ease-in-out infinite alternate}@keyframes meshS{0%{filter:blur(0px)}to{filter:blur(2px)}}.landing-page .hring{position:absolute;border-radius:50%;border:1px solid rgba(0,229,255,.05);pointer-events:none;top:50%;left:50%}.landing-page .hr1{width:600px;height:600px;transform:translate(-50%,-50%);animation:rSpin 40s linear infinite}.landing-page .hr2{width:900px;height:900px;transform:translate(-50%,-50%);animation:rSpin 60s linear infinite reverse;border-color:#ffc1070a}.landing-page .hr3{width:1200px;height:1200px;transform:translate(-50%,-50%);animation:rSpin 80s linear infinite;border-color:#ff4d6d08}@keyframes rSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.landing-page .h-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 22px;border-radius:50px;background:#00e5ff0d;border:1px solid rgba(0,229,255,.18);font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);margin-bottom:44px;animation:fUp .8s .3s both}.landing-page .ldot{width:6px;height:6px;background:var(--cyan);border-radius:50%;animation:lpulse 1.8s infinite}@keyframes lpulse{0%,to{box-shadow:0 0 #00e5ff80}50%{box-shadow:0 0 0 9px #00e5ff00}}.landing-page .h-title{font-family:Bebas Neue,system-ui,sans-serif;font-size:clamp(5rem,13vw,11rem);letter-spacing:.02em;line-height:.9;animation:fUp .8s .5s both}.landing-page .w1{display:block;background:linear-gradient(180deg,#fff 40%,#ffffff40);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing-page .w2{display:block;background:linear-gradient(135deg,var(--cyan) 0%,var(--gold) 50%,var(--rose) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gM 5s ease infinite,fUp .8s .65s both;filter:drop-shadow(0 0 48px rgba(0,229,255,.35))}.landing-page .hero-title-logo{display:block;width:min(520px,80vw);max-width:100%;height:auto;margin:0 auto;transform-origin:center;animation:heroLogoIntro 1.6s cubic-bezier(.23,1,.32,1) .3s forwards,heroLogoShine 1.4s ease-out .6s forwards}.landing-page .hero-title-logo:after{content:""}@keyframes heroLogoIntro{0%{transform:translateY(40px) scale(1.4);opacity:0;filter:drop-shadow(0 0 0 rgba(0,229,255,0))}40%{opacity:1;transform:translateY(0) scale(1.4)}to{transform:translateY(0) scale(1);opacity:1;filter:drop-shadow(0 0 36px rgba(0,229,255,.55))}}@keyframes heroLogoShine{0%{-webkit-mask-image:linear-gradient(120deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 30%,rgba(255,255,255,0) 60%);-webkit-mask-position:-200%;-webkit-mask-size:200%}to{-webkit-mask-position:200%}}@keyframes gM{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.landing-page .h-sub{margin-top:28px;font-size:clamp(1rem,1.8vw,1.18rem);color:#e8f4f873;font-weight:300;max-width:510px;line-height:1.85;animation:fUp .8s .8s both}.landing-page .h-cta{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin-top:52px;animation:fUp .8s 1s both}.landing-page .btn{position:relative;padding:17px 46px;border-radius:50px;font-weight:700;font-size:.92rem;letter-spacing:.04em;text-decoration:none;border:none;overflow:hidden;transition:transform .3s cubic-bezier(.23,1,.32,1),box-shadow .3s}.landing-page .btn-p{color:var(--bg);background:linear-gradient(135deg,var(--cyan),var(--cyan2));box-shadow:0 8px 40px #00e5ff66}.landing-page .btn-p:hover{transform:translateY(-5px) scale(1.04);box-shadow:0 20px 60px #00e5ff8c}.landing-page .btn-s{color:var(--text);background:transparent;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-page .btn-s:hover{transform:translateY(-4px);border-color:#ffffff40;background:#ffffff0d;box-shadow:0 20px 40px #0000004d}.landing-page .btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.22),transparent 70%);opacity:0;transition:opacity .3s}.landing-page .btn:hover:after{opacity:1}.landing-page .arr{margin-left:8px;display:inline-block;transition:transform .3s}.landing-page .btn:hover .arr{transform:translate(6px)}@keyframes fUp{0%{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}.landing-page .stats{display:flex;flex-wrap:wrap;justify-content:center;max-width:880px;margin:0 auto;background:#ffffff06;border:1px solid var(--gb);border-radius:22px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;position:relative;z-index:2}.landing-page .sc{flex:1;min-width:160px;padding:34px 28px;text-align:center;border-right:1px solid var(--gb);position:relative;transition:background .3s}.landing-page .sc:last-child{border-right:none}.landing-page .sc:hover{background:#00e5ff08}.landing-page .sc:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;transform:scaleX(0);transform-origin:left;transition:transform .4s}.landing-page .sc:nth-child(1):after{background:var(--cyan)}.landing-page .sc:nth-child(2):after{background:var(--gold)}.landing-page .sc:nth-child(3):after{background:var(--rose)}.landing-page .sc:nth-child(4):after{background:linear-gradient(90deg,var(--cyan),var(--gold))}.landing-page .sc:hover:after{transform:scaleX(1)}.landing-page .sv{font-family:Bebas Neue,system-ui,sans-serif;font-size:2.6rem;letter-spacing:.06em;line-height:1}.landing-page .sc:nth-child(1) .sv{color:var(--cyan)}.landing-page .sc:nth-child(2) .sv{color:var(--gold)}.landing-page .sc:nth-child(3) .sv{color:var(--rose)}.landing-page .sc:nth-child(4) .sv{background:linear-gradient(135deg,var(--cyan),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing-page .sl{font-size:.7rem;color:var(--muted);margin-top:5px;letter-spacing:.08em;font-weight:500}.landing-page .ticker-wrap{overflow:hidden;white-space:nowrap;border-top:1px solid var(--gb);border-bottom:1px solid var(--gb);padding:16px 0;background:#0000004d;position:relative;z-index:2;margin-top:80px}.landing-page .ticker-in{display:inline-flex;animation:tick 28s linear infinite}@keyframes tick{0%{transform:translate(0)}to{transform:translate(-50%)}}.landing-page .ti{display:inline-flex;align-items:center;gap:10px;font-family:Bebas Neue,system-ui,sans-serif;font-size:.95rem;letter-spacing:.18em;color:var(--muted);padding:0 36px}.landing-page .tdot{width:4px;height:4px;background:var(--cyan);border-radius:50%}.landing-page .sec{padding:130px 60px;position:relative;z-index:2}.landing-page .sec-in{max-width:1180px;margin:0 auto}.landing-page .tag{display:inline-flex;align-items:center;gap:8px;font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);margin-bottom:22px}.landing-page .tag:before{content:"";width:26px;height:1.5px;background:linear-gradient(90deg,var(--cyan),transparent)}.landing-page .stitle{font-family:Bebas Neue,system-ui,sans-serif;font-size:clamp(2.6rem,5.5vw,5rem);letter-spacing:.02em;line-height:.95;margin-bottom:22px}.landing-page .stitle em{font-style:normal;background:linear-gradient(135deg,var(--cyan),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing-page .sbody{font-size:1rem;color:#e8f4f873;line-height:1.85;max-width:520px;font-weight:300}.landing-page .ag{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.landing-page .fps{display:flex;flex-direction:column;gap:13px;margin-top:38px}.landing-page .fp{display:flex;align-items:center;gap:16px;background:#ffffff05;border:1px solid var(--gb);border-radius:16px;padding:17px 22px;transition:border-color .3s,transform .3s,background .3s}.landing-page .fp:hover{border-color:#00e5ff38;background:#00e5ff08;transform:translate(9px)}.landing-page .fpi{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}.landing-page .fpi.c{background:#00e5ff1a}.landing-page .fpi.g{background:#ffc1071a}.landing-page .fpi.r{background:#ff4d6d1a}.landing-page .fpt h4{font-size:.86rem;font-weight:700;margin-bottom:2px}.landing-page .fpt p{font-size:.74rem;color:var(--muted);line-height:1.5}.landing-page .tilt{perspective:1100px}.landing-page .ti-in{background:#ffffff05;border:1px solid var(--gb);border-radius:28px;padding:4px;transition:transform .3s cubic-bezier(.23,1,.32,1),box-shadow .3s;transform-style:preserve-3d;will-change:transform}.landing-page .tilt:hover .ti-in{box-shadow:0 40px 100px #000000b3,0 0 80px #00e5ff12}.landing-page .mock{background:linear-gradient(145deg,#090f1e,#060b14);border-radius:24px;overflow:hidden}.landing-page .mbar{background:#ffffff0a;padding:13px 18px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--gb)}.landing-page .dots2{display:flex;gap:7px}.landing-page .dd{width:11px;height:11px;border-radius:50%}.landing-page .dd:nth-child(1){background:#ff5f57}.landing-page .dd:nth-child(2){background:#ffbd2e}.landing-page .dd:nth-child(3){background:#28c840}.landing-page .mwt{font-size:.7rem;color:var(--muted);font-weight:600;letter-spacing:.08em;margin:0 auto}.landing-page .mbody{padding:22px}.landing-page .mr{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:18px}.landing-page .mb{background:#ffffff08;border:1px solid var(--gb);border-radius:13px;padding:15px 12px;position:relative;overflow:hidden;transition:border-color .3s}.landing-page .mb:hover{border-color:#00e5ff33}.landing-page .mb:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;border-radius:0 0 13px 13px}.landing-page .mb:nth-child(1):before{background:var(--cyan)}.landing-page .mb:nth-child(2):before{background:var(--gold)}.landing-page .mb:nth-child(3):before{background:var(--rose)}.landing-page .mn{font-family:Bebas Neue,system-ui,sans-serif;font-size:1.7rem;letter-spacing:.05em;line-height:1}.landing-page .c1{color:var(--cyan)}.landing-page .c2{color:var(--gold)}.landing-page .c3{color:var(--rose)}.landing-page .ml{font-size:.58rem;color:var(--muted);margin-top:4px;letter-spacing:.06em}.landing-page .ca{background:#ffffff05;border:1px solid var(--gb);border-radius:13px;padding:15px;margin-bottom:15px}.landing-page .ch{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.landing-page .ct{font-size:.7rem;color:var(--text);font-weight:600}.landing-page .cbadge{font-size:.58rem;padding:3px 10px;border-radius:50px;background:#00e5ff1a;color:var(--cyan);border:1px solid rgba(0,229,255,.2)}.landing-page .bars2{display:flex;align-items:flex-end;gap:7px;height:75px}.landing-page .bw{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px}.landing-page .bf{width:100%;border-radius:4px 4px 0 0;animation:bUp 1.8s cubic-bezier(.23,1,.32,1) both}@keyframes bUp{0%{height:0!important}}.landing-page .bf.bc1{background:linear-gradient(to top,var(--cyan),rgba(0,229,255,.2))}.landing-page .bf.bc2{background:linear-gradient(to top,var(--gold),rgba(255,193,7,.2))}.landing-page .bf.bc3{background:linear-gradient(to top,var(--rose),rgba(255,77,109,.2))}.landing-page .bl{font-size:.52rem;color:var(--muted)}.landing-page .tl{display:flex;flex-direction:column;gap:8px}.landing-page .tr2{display:flex;align-items:center;gap:11px;background:#ffffff05;border:1px solid var(--gb);border-radius:10px;padding:9px 13px;transition:border-color .3s,transform .3s}.landing-page .tr2:hover{border-color:#00e5ff26;transform:translate(4px)}.landing-page .av{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:var(--bg);flex-shrink:0}.landing-page .av1{background:linear-gradient(135deg,var(--cyan),var(--cyan2))}.landing-page .av2{background:linear-gradient(135deg,var(--gold),var(--gold2))}.landing-page .av3{background:linear-gradient(135deg,var(--rose),#ff8fa3)}.landing-page .tn{font-size:.72rem;font-weight:600;flex:1}.landing-page .tr{font-size:.62rem;color:var(--muted)}.landing-page .ts{font-size:.58rem;font-weight:700;padding:3px 10px;border-radius:50px}.landing-page .paid{background:#00e5ff14;color:var(--cyan);border:1px solid rgba(0,229,255,.2)}.landing-page .due{background:#ffc10714;color:var(--gold);border:1px solid rgba(255,193,7,.2)}.landing-page .psec{background:linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%);border-top:1px solid var(--gb);border-bottom:1px solid var(--gb);overflow:hidden}.landing-page .ph{text-align:center;margin-bottom:76px}.landing-page .ph .tag{justify-content:center}.landing-page .ph .tag:before{display:none}.landing-page .ph .sbody{margin:0 auto}.landing-page .pchs{display:flex;flex-wrap:wrap;gap:11px;justify-content:center;margin-top:26px}.landing-page .pch{display:flex;align-items:center;gap:8px;font-size:.76rem;font-weight:600;padding:9px 22px;border-radius:50px;background:#ffffff08;border:1px solid var(--gb);color:var(--muted);transition:all .25s}.landing-page .pch:hover{border-color:#00e5ff4d;color:var(--cyan);background:#00e5ff0d;transform:translateY(-3px);box-shadow:0 10px 28px #00e5ff1a}.landing-page .sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;position:relative}.landing-page .sgrid:before{content:"";position:absolute;top:52px;left:16%;right:16%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.25),rgba(255,193,7,.25),transparent)}.landing-page .sbox{background:#ffffff05;border:1px solid var(--gb);border-radius:26px;padding:42px 34px 38px;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.23,1,.32,1),border-color .3s,box-shadow .3s}.landing-page .sbox:hover{transform:translateY(-14px);border-color:#00e5ff38;box-shadow:0 32px 80px #00000080,0 0 60px #00e5ff0d,inset 0 1px #00e5ff14}.landing-page .sbox:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% -20%,rgba(0,229,255,.07),transparent 70%);opacity:0;transition:opacity .4s}.landing-page .sbox:hover:before{opacity:1}.landing-page .sbox:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;transform:scaleX(0);transform-origin:left;transition:transform .45s}.landing-page .sbox:nth-child(1):after{background:var(--cyan)}.landing-page .sbox:nth-child(2):after{background:var(--gold)}.landing-page .sbox:nth-child(3):after{background:var(--rose)}.landing-page .sbox:hover:after{transform:scaleX(1)}.landing-page .snb{font-family:Bebas Neue,system-ui,sans-serif;font-size:5.5rem;letter-spacing:-.02em;line-height:1;position:absolute;top:16px;right:22px;opacity:.05;transition:opacity .3s}.landing-page .sbox:nth-child(1) .snb{color:var(--cyan)}.landing-page .sbox:nth-child(2) .snb{color:var(--gold)}.landing-page .sbox:nth-child(3) .snb{color:var(--rose)}.landing-page .sbox:hover .snb{opacity:.12}.landing-page .sico{width:54px;height:54px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.45rem;margin-bottom:22px;position:relative;z-index:1}.landing-page .sbox:nth-child(1) .sico{background:#00e5ff1a;box-shadow:0 0 24px #00e5ff26}.landing-page .sbox:nth-child(2) .sico{background:#ffc1071a;box-shadow:0 0 24px #ffc10726}.landing-page .sbox:nth-child(3) .sico{background:#ff4d6d1a;box-shadow:0 0 24px #ff4d6d26}.landing-page .sttl{font-family:Bebas Neue,system-ui,sans-serif;font-size:1.35rem;letter-spacing:.04em;margin-bottom:12px;position:relative;z-index:1}.landing-page .sdsc{font-size:.82rem;color:var(--muted);line-height:1.75;position:relative;z-index:1}.landing-page .rzps{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:60px;padding:18px 36px;background:#00e5ff0a;border:1px solid rgba(0,229,255,.12);border-radius:14px;width:fit-content;margin-left:auto;margin-right:auto}.landing-page .rpd{width:8px;height:8px;background:var(--cyan);border-radius:50%;animation:rpp 2s infinite}@keyframes rpp{0%,to{box-shadow:0 0 #00e5ff80}50%{box-shadow:0 0 0 10px #00e5ff00}}.landing-page .rzt{font-size:.82rem;color:#e8f4f88c;font-weight:400}.landing-page .rzt strong{color:var(--cyan);font-weight:700}.landing-page .cg{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:flex-start}.landing-page .ccs{display:flex;flex-direction:column;gap:14px}.landing-page .cc{display:flex;align-items:center;gap:18px;background:#ffffff05;border:1px solid var(--gb);border-radius:18px;padding:26px 28px;transition:transform .3s,border-color .3s,box-shadow .3s}.landing-page .cc:hover{transform:translate(9px);border-color:#00e5ff33;box-shadow:0 20px 50px #0000004d}.landing-page .cci{width:48px;height:48px;border-radius:13px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.landing-page .cci.em{background:#00e5ff14;border:1px solid rgba(0,229,255,.14)}.landing-page .cci.ph{background:#ffc10714;border:1px solid rgba(255,193,7,.14)}.landing-page .ccl{font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:5px}.landing-page .ccv{font-weight:700;font-size:.93rem}.landing-page .lp-footer{padding:60px 60px 44px;border-top:1px solid var(--gb);text-align:center;position:relative;z-index:2}.landing-page .flogo{margin-bottom:10px}.landing-page .fcopy{font-size:.76rem;color:var(--muted);letter-spacing:.05em}.landing-page .footer-logo-img{max-width:min(420px,80vw);width:100%;display:block;margin:0 auto;filter:drop-shadow(0 0 18px rgba(0,229,255,.3))}.landing-page .rv{opacity:0;transform:translateY(44px);transition:opacity .9s cubic-bezier(.23,1,.32,1),transform .9s cubic-bezier(.23,1,.32,1)}.landing-page .rv.on{opacity:1;transform:translateY(0)}.landing-page .d1{transition-delay:.1s}.landing-page .d2{transition-delay:.2s}.landing-page .d3{transition-delay:.3s}.landing-page .d4{transition-delay:.4s}@media (max-width: 960px){.landing-page .lp-nav{padding:15px 22px}.landing-page .sec{padding:80px 22px}.landing-page .ag,.landing-page .cg,.landing-page .sgrid{grid-template-columns:1fr}.landing-page .sgrid:before{display:none}.landing-page .stats{margin:0 22px}}@media (max-width: 560px){.landing-page .hero{padding:100px 20px 60px}.landing-page .h-title{font-size:clamp(3.5rem,14vw,5rem)}.landing-page .h-cta{flex-direction:column;align-items:center}.landing-page .btn{width:100%;max-width:300px;text-align:center}.landing-page .lp-nav .nav-lk{display:none}.landing-page .lp-footer{padding:36px 22px 28px}}.layout{display:flex;min-height:100vh;position:relative}.sidebar{width:280px;background:var(--app-sidebar-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);color:var(--text-primary, var(--app-text));display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;border-right:1px solid var(--app-sidebar-border);box-shadow:4px 0 20px var(--shadow-soft, var(--app-shadow));z-index:1000;animation:bounceUp .6s cubic-bezier(.68,-.55,.265,1.55);transition:width .3s cubic-bezier(.4,0,.2,1),background .25s ease,border-color .2s ease;isolation:isolate;will-change:transform}.sidebar.collapsed{width:70px}.sidebar-header{padding:1rem;border-bottom:1px solid var(--app-sidebar-border);background:var(--surface-secondary, var(--app-input-bg));display:flex;align-items:center;justify-content:space-between;min-height:60px}.collapse-btn{background:var(--interactive-secondary, var(--surface-secondary, var(--app-btn-bg)));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--app-border);border-radius:8px;padding:.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-primary, var(--app-text));display:flex;align-items:center;justify-content:center;width:32px;height:32px}.collapse-btn:hover{background:var(--surface-secondary, var(--app-card-bg));transform:scale(1.05)}.header-content{display:flex;align-items:center;gap:.75rem;flex:1;margin-left:.5rem}.HosteLyt-logo-Transp{color:var(--accent, var(--app-status-mid));display:flex;align-items:center}.sidebar-header h2{font-size:1.25rem;font-weight:700;margin:0;color:var(--text-primary, var(--app-text));animation:pulse 2s ease-in-out infinite;white-space:nowrap}.sidebar.collapsed .header-content{display:none}.sidebar.collapsed .collapse-btn{margin:0 auto}.sidebar-nav{flex:1;padding:0 0 1rem;overflow-y:auto;overflow-x:hidden}.nav-item{display:flex;align-items:center;justify-content:flex-start;padding:.75rem 1rem;margin:.25rem .75rem;color:var(--text-secondary, var(--app-text-muted));text-decoration:none;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;font-weight:500;gap:.75rem;white-space:nowrap}.nav-item svg{flex-shrink:0;width:20px;height:20px}.nav-item span{flex:1}.sidebar.collapsed .nav-item{justify-content:center;padding:.75rem}.sidebar.collapsed .nav-item span{display:none}.nav-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:0;background:var(--border-subtle, var(--app-border));border-radius:0 4px 4px 0;transition:height .3s cubic-bezier(.4,0,.2,1)}.nav-item:hover{background:var(--surface-secondary, var(--app-input-bg));color:var(--text-primary, var(--app-text));transform:translate(5px);box-shadow:0 4px 12px var(--app-shadow)}.nav-item:hover:before{height:60%}.nav-item.active{background:var(--surface-secondary, var(--app-card-bg));color:var(--text-primary, var(--app-text));box-shadow:0 4px 15px var(--shadow-soft, var(--app-shadow));border:1px solid var(--app-border)}.nav-item.active:before{height:80%;background:var(--app-status-mid)}.sidebar-footer{padding:.75rem;border-top:1px solid var(--app-sidebar-border);background:var(--surface-secondary, var(--app-input-bg));position:relative;min-height:60px;display:flex;align-items:center;justify-content:center}.profile-avatar{position:relative;display:flex;align-items:center;justify-content:center;width:100%;gap:.75rem;cursor:pointer}.sidebar.collapsed .profile-avatar{justify-content:center}.avatar-circle{width:40px;height:40px;border-radius:50%;background:var(--app-btn-primary-bg);color:var(--app-btn-primary-color);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px var(--app-shadow)}.avatar-circle:hover{transform:scale(1.1);box-shadow:var(--shadow-strong, 0 6px 20px rgba(128, 128, 128, .4))}.profile-name-inline{font-weight:600;color:var(--text-primary, var(--app-text));font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.sidebar.collapsed .profile-name-inline{display:none}.profile-menu{position:absolute;bottom:100%;left:0;right:0;margin-bottom:.5rem;background:var(--surface-secondary, var(--app-card-bg));backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--app-border);border-radius:16px;box-shadow:0 8px 32px var(--app-shadow);padding:1rem;animation:bounceUp .3s cubic-bezier(.68,-.55,.265,1.55);z-index:1001;min-width:200px}.profile-info{margin-bottom:.75rem}.profile-name{font-weight:600;color:var(--text-primary, var(--app-text));font-size:.95rem;margin:0 0 .25rem}.profile-email{font-size:.8rem;color:var(--text-secondary, var(--app-text-muted));margin:0 0 .25rem}.profile-role{font-size:.75rem;color:var(--text-secondary, var(--app-text-muted));text-transform:uppercase;font-weight:600;letter-spacing:.5px;margin:0}.profile-menu-divider{height:1px;background:var(--app-border-light);margin:.75rem 0}.profile-menu-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem;background:transparent;border:none;border-radius:8px;cursor:pointer;color:var(--text-primary, var(--app-text));font-size:.9rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left}.profile-menu-item:hover{background:var(--surface-secondary, var(--app-input-bg));transform:translate(3px)}.profile-menu-item.logout-menu-item{color:var(--app-logout)}.profile-menu-item.logout-menu-item:hover{background:#ef44441a;color:var(--interactive-danger, var(--app-logout))}.logo-info-item{cursor:default;padding:.75rem;background:var(--surface-secondary, var(--app-input-bg));border-radius:8px;margin-top:.25rem}.logo-info-item:hover{background:var(--interactive-secondary, var(--surface-secondary, var(--app-btn-bg)));transform:none}.logo-info-title{display:block;font-weight:700;color:var(--text-primary, var(--app-text));font-size:.95rem;margin-bottom:.25rem}.logo-info-subtitle{display:block;font-size:.75rem;color:var(--text-secondary, var(--app-text-muted))}.main-content{flex:1;margin-left:280px;padding:0;min-height:100vh;position:relative;z-index:1;animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55);transition:margin-left .3s cubic-bezier(.4,0,.2,1);width:calc(100vw - 280px);max-width:calc(100vw - 280px);overflow-x:hidden;box-sizing:border-box;display:flex;flex-direction:column}.main-content.collapsed{margin-left:70px;width:calc(100vw - 70px);max-width:calc(100vw - 70px)}.main-content-inner{flex:1;padding:2rem}.hostel-switcher-wrap{position:absolute;top:1rem;right:1.5rem;z-index:100}.hostel-switcher-trigger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--surface-secondary, var(--app-card-bg));border:1px solid var(--app-border);border-radius:10px;cursor:pointer;color:var(--text-secondary, var(--app-text-muted));transition:all .2s ease;box-shadow:0 2px 8px var(--app-shadow)}.hostel-switcher-trigger:hover{background:var(--interactive-secondary, var(--surface-secondary, var(--app-btn-bg)));border-color:var(--app-border);color:var(--text-primary, var(--app-text));box-shadow:0 4px 12px var(--app-shadow)}.hostel-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:var(--surface-secondary, var(--app-card-bg));backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--app-border);border-radius:12px;box-shadow:0 10px 40px var(--app-shadow);padding:.5rem;z-index:1002;animation:bounceUp .25s cubic-bezier(.68,-.55,.265,1.55)}.hostel-dropdown-header{padding:.5rem .75rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, var(--app-text-muted));border-bottom:1px solid var(--app-border-light);margin-bottom:.25rem}.hostel-dropdown-item{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:.65rem .75rem;border:none;border-radius:8px;background:transparent;cursor:pointer;color:var(--text-primary, var(--app-text));font-size:.9rem;text-align:left;transition:all .2s ease}.hostel-dropdown-item:hover{background:var(--surface-secondary, var(--app-input-bg))}.hostel-dropdown-item.active{background:var(--interactive-secondary, var(--surface-secondary, var(--app-btn-bg)));font-weight:600}.hostel-dropdown-name{font-weight:500}.hostel-dropdown-city{font-size:.8rem;color:var(--text-secondary, var(--app-text-muted));margin-top:2px}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;margin:.5rem .75rem .25rem;background:var(--interactive-secondary, var(--surface-secondary, var(--app-btn-bg)));border:1px solid var(--app-border);border-radius:8px;cursor:pointer;color:var(--text-primary, var(--app-text));transition:all .2s ease}.theme-toggle:hover{background:var(--surface-secondary, var(--app-card-bg));transform:scale(1.05)}.sidebar.collapsed .theme-toggle{margin-left:auto;margin-right:auto}.sidebar-overlay,.mobile-menu-btn{display:none}@media (max-width: 768px){.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:999;animation:fadeIn .2s ease}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;position:fixed;top:1rem;left:1rem;z-index:998;width:44px;height:44px;padding:0;background:var(--app-card-bg);border:1px solid var(--app-border);border-radius:10px;color:var(--app-text);cursor:pointer;box-shadow:var(--app-shadow);-webkit-tap-highlight-color:transparent}.mobile-menu-btn:hover{background:var(--app-btn-bg)}.mobile-menu-btn:active{transform:scale(.98)}.sidebar{width:280px;max-width:85vw;transform:translate(-100%);transition:transform .25s ease}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:280px;max-width:85vw}.sidebar.mobile-open.collapsed{width:280px}.main-content,.main-content.collapsed{margin-left:0;width:100%;max-width:100%}.main-content-inner{padding:3.5rem 1rem 1rem}.hostel-switcher-wrap{top:.75rem;right:.75rem}.hostel-switcher-trigger{width:44px;height:44px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}*{margin:0;padding:0;box-sizing:border-box}:root:not([data-style]){--app-bg: linear-gradient(135deg, #ffffff 0%, #f5f5f0 25%, #e8e8e8 50%, #d4d4d4 75%, #c0c0c0 100%);--app-text: #2d2d2d;--app-text-muted: rgba(90, 90, 90, .9);--app-border: rgba(192, 192, 192, .4);--app-border-light: rgba(192, 192, 192, .3);--app-card-bg: rgba(255, 255, 255, .98);--app-input-bg: rgba(255, 255, 255, .8);--app-sidebar-bg: rgba(255, 255, 255, .6);--app-sidebar-border: rgba(192, 192, 192, .3);--app-btn-bg: rgba(255, 255, 255, .8);--app-btn-primary-bg: #2d2d2d;--app-btn-primary-color: #fff;--app-status-active: #2d2d2d;--app-status-mid: #808080;--app-status-muted: #a0a0a0;--app-logout: #ef4444;--app-shadow: 0 2px 8px rgba(0, 0, 0, .06);--app-modal-overlay: rgba(0, 0, 0, .4);--app-scrollbar-track: rgba(255, 255, 255, .1);--app-scrollbar-thumb: rgba(255, 255, 255, .3);--primary-silver: #c0c0c0;--light-silver: #e8e8e8;--milky-white: #f5f5f0;--soft-white: #ffffff;--silver-shade: #a8a8a8;--white: #ffffff;--glass-bg: rgba(255, 255, 255, .3);--glass-border: rgba(255, 255, 255, .4);--glass-shadow: rgba(0, 0, 0, .08)}html{overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--surface-primary, var(--app-bg));background-attachment:fixed;min-height:100vh;overflow-x:hidden;width:100%;color:var(--text-primary, var(--app-text));transition:background-color .25s ease,color .2s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}.glass{background:var(--surface-secondary, rgba(255, 255, 255, .1));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle, rgba(255, 255, 255, .2));box-shadow:var(--shadow-soft, 0 8px 32px 0 rgba(0, 0, 0, .1))}.glass-strong{background:var(--surface-elevated, rgba(255, 255, 255, .15));backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--border-strong, rgba(255, 255, 255, .25));box-shadow:var(--shadow-strong, 0 8px 32px 0 rgba(0, 0, 0, .15))}.required-asterisk:after,label.required:after{content:" *";color:var(--app-logout, #dc2626)}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes bounceUp{0%{transform:translateY(30px);opacity:0}60%{transform:translateY(-5px)}to{transform:translateY(0);opacity:1}}@keyframes bounceScale{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bounce-in{animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}.bounce-up{animation:bounceUp .6s cubic-bezier(.68,-.55,.265,1.55)}.smooth-transition,button{transition:all .3s cubic-bezier(.4,0,.2,1)}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #0003}button:active:not(:disabled){transform:translateY(0) scale(.98)}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-5px) scale(1.02);box-shadow:var(--shadow-strong, 0 20px 40px rgba(0, 0, 0, .2))}input:focus,textarea:focus,select:focus{outline:none;transform:scale(1.02);transition:all .3s cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--app-scrollbar-track);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--app-border)}.app-loading{display:flex;justify-content:center;align-items:center;height:100vh;background:var(--surface-primary, var(--app-bg));color:var(--text-primary, var(--app-text))}.app-loading-content{text-align:center;animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55)}.app-loading-spinner{width:60px;height:60px;border:4px solid var(--app-border-light);border-top-color:var(--app-status-mid);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.app-loading-text{font-size:1.2rem;font-weight:500;color:var(--text-primary, var(--app-text))}:root[data-style=main][data-theme=light],:root[data-style=main]:not([data-theme=dark]){--surface-primary: linear-gradient(135deg, #ffffff 0%, #f5f9fb 25%, #e8eef2 50%, #e0edf2 75%, #d4e4eb 100%);--surface-secondary: rgba(255, 255, 255, .6);--surface-elevated: rgba(255, 255, 255, .98);--border-subtle: #e0edf2;--border-strong: #88b5c7;--text-primary: #1a1a1a;--text-secondary: rgba(64, 64, 64, .9);--shadow-soft: 0 8px 32px rgba(62, 134, 167, .12), 0 0 0 1px rgba(224, 237, 242, .8);--shadow-strong: 0 8px 32px rgba(62, 134, 167, .18);--accent: #5498b1;--accent-dark: #3e86a7;--accent-light: #88b5c7;--interactive-primary: var(--accent);--interactive-secondary: rgba(84, 152, 177, .2);--interactive-danger: var(--app-logout);--interactive-disabled-bg: var(--surface-secondary);--interactive-disabled-text: var(--text-secondary);--interactive-disabled-border: var(--border-subtle);--input-bg: rgba(255, 255, 255, .7);--input-border: var(--border-subtle);--input-focus: var(--accent-light);--input-text: var(--text-primary);--input-placeholder: rgba(115, 115, 115, .6);--app-bg: var(--surface-primary);--app-text: var(--text-primary);--app-text-muted: var(--text-secondary);--app-border: var(--border-subtle);--app-border-light: #ebf3f6;--app-card-bg: rgba(255, 255, 255, .98);--app-card-glass-bg: var(--surface-secondary);--app-card-glass-border: var(--border-subtle);--app-card-glass-shadow: var(--shadow-soft);--app-card-glass-shadow-hover: var(--shadow-strong);--app-input-bg: rgba(255, 255, 255, .8);--app-sidebar-bg: rgba(255, 255, 255, .6);--app-sidebar-border: rgba(224, 237, 242, .8);--app-btn-bg: rgba(255, 255, 255, .8);--app-btn-primary-bg: var(--accent);--app-btn-primary-color: #fff;--app-status-active: var(--accent);--app-status-mid: #808080;--app-status-muted: #94a3b8;--app-logout: #ef4444;--app-shadow: 0 2px 8px rgba(62, 134, 167, .08);--app-modal-overlay: rgba(0, 0, 0, .4);--app-scrollbar-track: rgba(84, 152, 177, .08);--app-scrollbar-thumb: rgba(84, 152, 177, .25);--primary-silver: #94a3b8;--light-silver: #e0edf2;--milky-white: #f5f9fb;--soft-white: #ffffff;--silver-shade: #64748b;--white: #ffffff;--glass-bg: rgba(255, 255, 255, .3);--glass-border: rgba(224, 237, 242, .8);--glass-shadow: rgba(62, 134, 167, .08)}:root[data-style=main][data-theme=dark]{--surface-primary: #0a0f14;--surface-secondary: rgba(17, 25, 32, .6);--surface-elevated: #1a232e;--border-subtle: rgba(136, 181, 199, .25);--border-strong: rgba(136, 181, 199, .4);--text-primary: #ffffff;--text-secondary: rgba(203, 213, 225, .9);--shadow-soft: 0 8px 32px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .06);--shadow-strong: 0 8px 32px rgba(0, 0, 0, .5);--accent: #5498b1;--accent-dark: #3e86a7;--accent-light: #88b5c7;--interactive-primary: var(--accent);--interactive-secondary: rgba(136, 181, 199, .2);--interactive-danger: var(--app-logout);--interactive-disabled-bg: var(--surface-secondary);--interactive-disabled-text: var(--text-secondary);--interactive-disabled-border: var(--border-subtle);--input-bg: rgba(255, 255, 255, .06);--input-border: var(--border-subtle);--input-focus: var(--accent);--input-text: var(--text-primary);--input-placeholder: rgba(148, 163, 184, .7);--app-bg: var(--surface-primary);--app-text: var(--text-primary);--app-text-muted: var(--text-secondary);--app-border: var(--border-subtle);--app-border-light: #475569;--app-card-bg: #111920;--app-card-glass-bg: var(--surface-secondary);--app-card-glass-border: var(--border-subtle);--app-card-glass-shadow: var(--shadow-soft);--app-card-glass-shadow-hover: var(--shadow-strong);--app-input-bg: rgba(255, 255, 255, .05);--app-sidebar-bg: rgba(10, 15, 20, .95);--app-sidebar-border: rgba(136, 181, 199, .15);--app-btn-bg: #111920;--app-btn-primary-bg: var(--accent);--app-btn-primary-color: #ffffff;--app-status-active: var(--accent);--app-status-mid: #64748b;--app-status-muted: #475569;--app-logout: #f87171;--app-shadow: 0 2px 12px rgba(0, 0, 0, .4);--app-modal-overlay: rgba(0, 0, 0, .7);--app-scrollbar-track: rgba(255, 255, 255, .05);--app-scrollbar-thumb: rgba(136, 181, 199, .3);--primary-silver: #64748b;--light-silver: #334155;--milky-white: #111920;--soft-white: #1a232e;--silver-shade: #475569;--white: #ffffff;--glass-bg: rgba(0, 0, 0, .2);--glass-border: rgba(136, 181, 199, .15);--glass-shadow: rgba(0, 0, 0, .35)}:root[data-style=minimal][data-theme=light],:root[data-style=minimal]:not([data-theme=dark]){--surface-primary: linear-gradient(135deg, #ffffff 0%, #f5f5f0 25%, #e8e8e8 50%, #d4d4d4 75%, #c0c0c0 100%);--surface-secondary: rgba(255, 255, 255, .6);--surface-elevated: rgba(255, 255, 255, .98);--border-subtle: rgba(192, 192, 192, .4);--border-strong: rgba(192, 192, 192, .5);--text-primary: #2d2d2d;--text-secondary: rgba(90, 90, 90, .9);--shadow-soft: 0 8px 32px rgba(0, 0, 0, .12), 0 0 0 1px rgba(192, 192, 192, .3);--shadow-strong: 0 8px 32px rgba(0, 0, 0, .15);--accent: #2d2d2d;--interactive-primary: var(--accent);--interactive-secondary: rgba(255, 255, 255, .5);--interactive-danger: var(--app-logout);--interactive-disabled-bg: var(--surface-secondary);--interactive-disabled-text: var(--text-secondary);--interactive-disabled-border: var(--border-subtle);--input-bg: rgba(255, 255, 255, .7);--input-border: var(--border-subtle);--input-focus: rgba(168, 168, 168, .8);--input-text: var(--text-primary);--input-placeholder: rgba(128, 128, 128, .6);--app-bg: var(--surface-primary);--app-text: var(--text-primary);--app-text-muted: var(--text-secondary);--app-border: var(--border-subtle);--app-border-light: rgba(192, 192, 192, .3);--app-card-bg: rgba(255, 255, 255, .98);--app-card-glass-bg: var(--surface-secondary);--app-card-glass-border: var(--border-subtle);--app-card-glass-shadow: var(--shadow-soft);--app-card-glass-shadow-hover: var(--shadow-strong);--app-input-bg: rgba(255, 255, 255, .8);--app-sidebar-bg: rgba(255, 255, 255, .6);--app-sidebar-border: rgba(192, 192, 192, .3);--app-btn-bg: rgba(255, 255, 255, .8);--app-btn-primary-bg: var(--accent);--app-btn-primary-color: #fff;--app-status-active: var(--accent);--app-status-mid: #808080;--app-status-muted: #a0a0a0;--app-logout: #ef4444;--app-shadow: 0 2px 8px rgba(0, 0, 0, .06);--app-modal-overlay: rgba(0, 0, 0, .4);--app-scrollbar-track: rgba(255, 255, 255, .1);--app-scrollbar-thumb: rgba(255, 255, 255, .3);--primary-silver: #c0c0c0;--light-silver: #e8e8e8;--milky-white: #f5f5f0;--soft-white: #ffffff;--silver-shade: #a8a8a8;--white: #ffffff;--glass-bg: rgba(255, 255, 255, .3);--glass-border: rgba(255, 255, 255, .4);--glass-shadow: rgba(0, 0, 0, .08)}:root[data-style=minimal][data-theme=dark]{--surface-primary: #1a1a1a;--surface-secondary: rgba(45, 45, 45, .6);--surface-elevated: #2d2d2d;--border-subtle: rgba(255, 255, 255, .15);--border-strong: rgba(255, 255, 255, .2);--text-primary: #e8e8e8;--text-secondary: rgba(232, 232, 232, .75);--shadow-soft: 0 8px 32px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .1);--shadow-strong: 0 8px 32px rgba(0, 0, 0, .5);--accent: #e8e8e8;--interactive-primary: var(--accent);--interactive-secondary: rgba(45, 45, 45, .5);--interactive-danger: var(--app-logout);--interactive-disabled-bg: var(--surface-secondary);--interactive-disabled-text: var(--text-secondary);--interactive-disabled-border: var(--border-subtle);--input-bg: rgba(45, 45, 45, .7);--input-border: var(--border-subtle);--input-focus: rgba(232, 232, 232, .6);--input-text: var(--text-primary);--input-placeholder: rgba(232, 232, 232, .5);--app-bg: var(--surface-primary);--app-text: var(--text-primary);--app-text-muted: var(--text-secondary);--app-border: var(--border-subtle);--app-border-light: rgba(255, 255, 255, .1);--app-card-bg: #2d2d2d;--app-card-glass-bg: var(--surface-secondary);--app-card-glass-border: var(--border-subtle);--app-card-glass-shadow: var(--shadow-soft);--app-card-glass-shadow-hover: var(--shadow-strong);--app-input-bg: #333;--app-sidebar-bg: rgba(30, 30, 30, .95);--app-sidebar-border: rgba(255, 255, 255, .1);--app-btn-bg: #333;--app-btn-primary-bg: var(--accent);--app-btn-primary-color: #1a1a1a;--app-status-active: #a0a0a0;--app-status-mid: #808080;--app-status-muted: #606060;--app-logout: #f87171;--app-shadow: 0 2px 12px rgba(0, 0, 0, .4);--app-modal-overlay: rgba(0, 0, 0, .7);--app-scrollbar-track: rgba(255, 255, 255, .05);--app-scrollbar-thumb: rgba(255, 255, 255, .2);--primary-silver: #505050;--light-silver: #404040;--milky-white: #2a2a2a;--soft-white: #333;--silver-shade: #606060;--white: #e8e8e8;--glass-bg: rgba(0, 0, 0, .2);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: rgba(0, 0, 0, .3)}:root[data-style=glass][data-theme=light],:root[data-style=glass]:not([data-theme=dark]){--surface-primary: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(245, 245, 240, .1) 25%, rgba(232, 232, 232, .1) 50%, rgba(212, 212, 212, .1) 75%, rgba(192, 192, 192, .1) 100%);--surface-secondary: rgba(255, 255, 255, .2);--surface-elevated: rgba(255, 255, 255, .3);--border-subtle: rgba(255, 255, 255, .3);--border-strong: rgba(255, 255, 255, .4);--text-primary: #2d2d2d;--text-secondary: rgba(90, 90, 90, .85);--shadow-soft: 0 8px 32px rgba(0, 0, 0, .1), 0 0 0 1px rgba(255, 255, 255, .2);--shadow-strong: 0 15px 45px rgba(0, 0, 0, .15), 0 0 0 1px rgba(255, 255, 255, .3);--accent: rgba(45, 45, 45, .9);--interactive-primary: var(--accent);--interactive-secondary: rgba(255, 255, 255, .3);--interactive-danger: var(--app-logout);--interactive-disabled-bg: var(--surface-secondary);--interactive-disabled-text: var(--text-secondary);--interactive-disabled-border: var(--border-subtle);--input-bg: rgba(255, 255, 255, .3);--input-border: var(--border-subtle);--input-focus: rgba(255, 255, 255, .5);--input-text: var(--text-primary);--input-placeholder: rgba(90, 90, 90, .6);--app-bg: var(--surface-primary);--app-text: var(--text-primary);--app-text-muted: var(--text-secondary);--app-border: var(--border-subtle);--app-border-light: rgba(255, 255, 255, .2);--app-card-bg: rgba(255, 255, 255, .25);--app-card-glass-bg: var(--surface-secondary);--app-card-glass-border: var(--border-subtle);--app-card-glass-shadow: var(--shadow-soft);--app-card-glass-shadow-hover: var(--shadow-strong);--app-input-bg: rgba(255, 255, 255, .3);--app-sidebar-bg: rgba(255, 255, 255, .2);--app-sidebar-border: rgba(255, 255, 255, .25);--app-btn-bg: rgba(255, 255, 255, .3);--app-btn-primary-bg: var(--accent);--app-btn-primary-color: #fff;--app-status-active: #2d2d2d;--app-status-mid: #808080;--app-status-muted: #a0a0a0;--app-logout: #ef4444;--app-shadow: 0 8px 32px rgba(0, 0, 0, .1);--app-modal-overlay: rgba(0, 0, 0, .3);--app-scrollbar-track: rgba(255, 255, 255, .1);--app-scrollbar-thumb: rgba(255, 255, 255, .3);--primary-silver: rgba(192, 192, 192, .5);--light-silver: rgba(232, 232, 232, .5);--milky-white: rgba(245, 245, 240, .5);--soft-white: rgba(255, 255, 255, .5);--silver-shade: rgba(168, 168, 168, .5);--white: rgba(255, 255, 255, .9);--glass-bg: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .3);--glass-shadow: rgba(0, 0, 0, .1)}:root[data-style=glass][data-theme=dark]{--surface-primary: linear-gradient(135deg, rgba(26, 26, 26, .8) 0%, rgba(30, 30, 30, .8) 50%, rgba(40, 40, 40, .8) 100%);--surface-secondary: rgba(45, 45, 45, .25);--surface-elevated: rgba(45, 45, 45, .35);--border-subtle: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .15);--text-primary: #e8e8e8;--text-secondary: rgba(232, 232, 232, .7);--shadow-soft: 0 8px 32px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .1);--shadow-strong: 0 15px 45px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .15);--accent: rgba(232, 232, 232, .9);--interactive-primary: var(--accent);--interactive-secondary: rgba(51, 51, 51, .4);--interactive-danger: var(--app-logout);--interactive-disabled-bg: var(--surface-secondary);--interactive-disabled-text: var(--text-secondary);--interactive-disabled-border: var(--border-subtle);--input-bg: rgba(51, 51, 51, .4);--input-border: var(--border-subtle);--input-focus: rgba(255, 255, 255, .3);--input-text: var(--text-primary);--input-placeholder: rgba(232, 232, 232, .5);--app-bg: var(--surface-primary);--app-text: var(--text-primary);--app-text-muted: var(--text-secondary);--app-border: var(--border-subtle);--app-border-light: rgba(255, 255, 255, .05);--app-card-bg: rgba(45, 45, 45, .3);--app-card-glass-bg: var(--surface-secondary);--app-card-glass-border: var(--border-subtle);--app-card-glass-shadow: var(--shadow-soft);--app-card-glass-shadow-hover: var(--shadow-strong);--app-input-bg: rgba(51, 51, 51, .4);--app-sidebar-bg: rgba(30, 30, 30, .6);--app-sidebar-border: rgba(255, 255, 255, .15);--app-btn-bg: rgba(51, 51, 51, .4);--app-btn-primary-bg: var(--accent);--app-btn-primary-color: #1a1a1a;--app-status-active: #a0a0a0;--app-status-mid: #808080;--app-status-muted: #606060;--app-logout: #f87171;--app-shadow: 0 8px 32px rgba(0, 0, 0, .5);--app-modal-overlay: rgba(0, 0, 0, .6);--app-scrollbar-track: rgba(255, 255, 255, .05);--app-scrollbar-thumb: rgba(255, 255, 255, .2);--primary-silver: rgba(80, 80, 80, .5);--light-silver: rgba(64, 64, 64, .5);--milky-white: rgba(42, 42, 42, .5);--soft-white: rgba(51, 51, 51, .5);--silver-shade: rgba(96, 96, 96, .5);--white: rgba(232, 232, 232, .9);--glass-bg: rgba(0, 0, 0, .3);--glass-border: rgba(255, 255, 255, .15);--glass-shadow: rgba(0, 0, 0, .4)}:root[data-style=glass] [class*=card],:root[data-style=glass] [class*=Card]{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}:root[data-style=clay][data-theme=light],:root[data-style=clay]:not([data-theme=dark]){--surface-primary: linear-gradient(135deg, #f5f5f0 0%, #e8e8e8 25%, #d4d4d4 50%, #c0c0c0 75%, #a8a8a8 100%);--surface-secondary: rgba(255, 255, 255, .85);--surface-elevated: rgba(255, 255, 255, .95);--border-subtle: rgba(192, 192, 192, .5);--border-strong: rgba(192, 192, 192, .6);--text-primary: #2d2d2d;--text-secondary: rgba(90, 90, 90, .85);--shadow-soft: 0 4px 16px rgba(0, 0, 0, .08), inset 0 2px 4px rgba(255, 255, 255, .5), 0 0 0 1px rgba(192, 192, 192, .3);--shadow-strong: 0 8px 24px rgba(0, 0, 0, .12), inset 0 2px 4px rgba(255, 255, 255, .6), 0 0 0 1px rgba(192, 192, 192, .4);--accent: #2d2d2d;--interactive-primary: var(--accent);--interactive-secondary: rgba(255, 255, 255, .9);--interactive-danger: var(--app-logout);--interactive-disabled-bg: var(--surface-secondary);--interactive-disabled-text: var(--text-secondary);--interactive-disabled-border: var(--border-subtle);--input-bg: rgba(255, 255, 255, .9);--input-border: var(--border-subtle);--input-focus: rgba(192, 192, 192, .7);--input-text: var(--text-primary);--input-placeholder: rgba(90, 90, 90, .6);--app-bg: var(--surface-primary);--app-text: var(--text-primary);--app-text-muted: var(--text-secondary);--app-border: var(--border-subtle);--app-border-light: rgba(192, 192, 192, .3);--app-card-bg: rgba(255, 255, 255, .95);--app-card-glass-bg: var(--surface-secondary);--app-card-glass-border: var(--border-subtle);--app-card-glass-shadow: var(--shadow-soft);--app-card-glass-shadow-hover: var(--shadow-strong);--app-input-bg: rgba(255, 255, 255, .9);--app-sidebar-bg: rgba(255, 255, 255, .85);--app-sidebar-border: rgba(192, 192, 192, .4);--app-btn-bg: rgba(255, 255, 255, .9);--app-btn-primary-bg: var(--accent);--app-btn-primary-color: #fff;--app-status-active: #2d2d2d;--app-status-mid: #808080;--app-status-muted: #a0a0a0;--app-logout: #ef4444;--app-shadow: 0 4px 16px rgba(0, 0, 0, .08), inset 0 2px 4px rgba(255, 255, 255, .5);--app-modal-overlay: rgba(0, 0, 0, .35);--app-scrollbar-track: rgba(255, 255, 255, .2);--app-scrollbar-thumb: rgba(192, 192, 192, .5);--primary-silver: #c0c0c0;--light-silver: #e8e8e8;--milky-white: #f5f5f0;--soft-white: #ffffff;--silver-shade: #a8a8a8;--white: #ffffff;--glass-bg: rgba(255, 255, 255, .4);--glass-border: rgba(192, 192, 192, .5);--glass-shadow: 0 4px 16px rgba(0, 0, 0, .1), inset 0 2px 4px rgba(255, 255, 255, .6)}:root[data-style=clay][data-theme=dark]{--surface-primary: linear-gradient(135deg, #1a1a1a 0%, #252525 25%, #2d2d2d 50%, #333333 75%, #404040 100%);--surface-secondary: rgba(45, 45, 45, .85);--surface-elevated: rgba(45, 45, 45, .95);--border-subtle: rgba(255, 255, 255, .2);--border-strong: rgba(255, 255, 255, .25);--text-primary: #e8e8e8;--text-secondary: rgba(232, 232, 232, .7);--shadow-soft: 0 4px 16px rgba(0, 0, 0, .5), inset 0 2px 4px rgba(255, 255, 255, .05), 0 0 0 1px rgba(255, 255, 255, .1);--shadow-strong: 0 8px 24px rgba(0, 0, 0, .6), inset 0 2px 4px rgba(255, 255, 255, .08), 0 0 0 1px rgba(255, 255, 255, .15);--accent: #e8e8e8;--interactive-primary: var(--accent);--interactive-secondary: rgba(51, 51, 51, .9);--interactive-danger: var(--app-logout);--interactive-disabled-bg: var(--surface-secondary);--interactive-disabled-text: var(--text-secondary);--interactive-disabled-border: var(--border-subtle);--input-bg: rgba(51, 51, 51, .9);--input-border: var(--border-subtle);--input-focus: rgba(255, 255, 255, .3);--input-text: var(--text-primary);--input-placeholder: rgba(232, 232, 232, .5);--app-bg: var(--surface-primary);--app-text: var(--text-primary);--app-text-muted: var(--text-secondary);--app-border: var(--border-subtle);--app-border-light: rgba(255, 255, 255, .1);--app-card-bg: rgba(45, 45, 45, .95);--app-card-glass-bg: var(--surface-secondary);--app-card-glass-border: var(--border-subtle);--app-card-glass-shadow: var(--shadow-soft);--app-card-glass-shadow-hover: var(--shadow-strong);--app-input-bg: rgba(51, 51, 51, .9);--app-sidebar-bg: rgba(30, 30, 30, .9);--app-sidebar-border: rgba(255, 255, 255, .15);--app-btn-bg: rgba(51, 51, 51, .9);--app-btn-primary-bg: var(--accent);--app-btn-primary-color: #1a1a1a;--app-status-active: #a0a0a0;--app-status-mid: #808080;--app-status-muted: #606060;--app-logout: #f87171;--app-shadow: 0 4px 16px rgba(0, 0, 0, .5), inset 0 2px 4px rgba(255, 255, 255, .05);--app-modal-overlay: rgba(0, 0, 0, .65);--app-scrollbar-track: rgba(255, 255, 255, .05);--app-scrollbar-thumb: rgba(255, 255, 255, .2);--primary-silver: #505050;--light-silver: #404040;--milky-white: #2a2a2a;--soft-white: #333;--silver-shade: #606060;--white: #e8e8e8;--glass-bg: rgba(45, 45, 45, .4);--glass-border: rgba(255, 255, 255, .15);--glass-shadow: 0 4px 16px rgba(0, 0, 0, .4), inset 0 2px 4px rgba(255, 255, 255, .08)}:root[data-style=clay] [class*=card],:root[data-style=clay] [class*=Card],:root[data-style=clay] button{box-shadow:var(--app-shadow)}:root[data-style=skeuo][data-theme=light],:root[data-style=skeuo]:not([data-theme=dark]){--surface-primary: linear-gradient(135deg, #e8e8e8 0%, #d4d4d4 25%, #c0c0c0 50%, #a8a8a8 75%, #909090 100%);--surface-secondary: #f5f5f5;--surface-elevated: #ffffff;--border-subtle: rgba(0, 0, 0, .2);--border-strong: rgba(0, 0, 0, .3);--text-primary: #1a1a1a;--text-secondary: rgba(26, 26, 26, .7);--shadow-soft: 0 6px 20px rgba(0, 0, 0, .15), inset 0 1px 0 rgba(255, 255, 255, .8), inset 0 -1px 0 rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);--shadow-strong: 0 10px 30px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 -1px 0 rgba(0, 0, 0, .15), 0 0 0 1px rgba(0, 0, 0, .15);--accent: #2d2d2d;--interactive-primary: var(--accent);--interactive-secondary: #f0f0f0;--interactive-danger: var(--app-logout);--interactive-disabled-bg: var(--surface-secondary);--interactive-disabled-text: var(--text-secondary);--interactive-disabled-border: var(--border-subtle);--app-bg: var(--surface-primary);--app-text: var(--text-primary);--app-text-muted: var(--text-secondary);--app-border: var(--border-subtle);--app-border-light: rgba(0, 0, 0, .1);--app-card-bg: #ffffff;--app-card-glass-bg: var(--surface-secondary);--app-card-glass-border: var(--border-subtle);--app-card-glass-shadow: var(--shadow-soft);--app-card-glass-shadow-hover: var(--shadow-strong);--app-input-bg: #f5f5f5;--app-sidebar-bg: #e8e8e8;--app-sidebar-border: rgba(0, 0, 0, .15);--app-btn-bg: #f0f0f0;--app-btn-primary-bg: var(--accent);--app-btn-primary-color: #fff;--app-status-active: #2d2d2d;--app-status-mid: #808080;--app-status-muted: #a0a0a0;--app-logout: #ef4444;--app-shadow: 0 6px 20px rgba(0, 0, 0, .15), inset 0 1px 0 rgba(255, 255, 255, .8), inset 0 -1px 0 rgba(0, 0, 0, .1);--app-modal-overlay: rgba(0, 0, 0, .5);--app-scrollbar-track: rgba(0, 0, 0, .1);--app-scrollbar-thumb: rgba(0, 0, 0, .3);--primary-silver: #c0c0c0;--light-silver: #e8e8e8;--milky-white: #f5f5f0;--soft-white: #ffffff;--silver-shade: #a8a8a8;--white: #ffffff;--glass-bg: #f5f5f5;--glass-border: rgba(0, 0, 0, .2);--glass-shadow: 0 6px 20px rgba(0, 0, 0, .15), inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 -1px 0 rgba(0, 0, 0, .15)}:root[data-style=skeuo][data-theme=dark]{--surface-primary: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 25%, #252525 50%, #2d2d2d 75%, #333333 100%);--surface-secondary: #0f0f0f;--surface-elevated: #1a1a1a;--border-subtle: rgba(255, 255, 255, .25);--border-strong: rgba(255, 255, 255, .3);--text-primary: #e8e8e8;--text-secondary: rgba(232, 232, 232, .65);--shadow-soft: 0 6px 20px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .1), inset 0 -1px 0 rgba(0, 0, 0, .3), 0 0 0 1px rgba(255, 255, 255, .1);--shadow-strong: 0 10px 30px rgba(0, 0, 0, .7), inset 0 1px 0 rgba(255, 255, 255, .15), inset 0 -1px 0 rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .15);--accent: #e8e8e8;--interactive-primary: var(--accent);--interactive-secondary: #0f0f0f;--interactive-danger: var(--app-logout);--interactive-disabled-bg: var(--surface-secondary);--interactive-disabled-text: var(--text-secondary);--interactive-disabled-border: var(--border-subtle);--input-bg: #0f0f0f;--input-border: var(--border-subtle);--input-focus: rgba(255, 255, 255, .4);--input-text: var(--text-primary);--input-placeholder: rgba(232, 232, 232, .4);--app-bg: var(--surface-primary);--app-text: var(--text-primary);--app-text-muted: var(--text-secondary);--app-border: var(--border-subtle);--app-border-light: rgba(255, 255, 255, .15);--app-card-bg: #1a1a1a;--app-card-glass-bg: var(--surface-secondary);--app-card-glass-border: var(--border-subtle);--app-card-glass-shadow: var(--shadow-soft);--app-card-glass-shadow-hover: var(--shadow-strong);--app-input-bg: #0f0f0f;--app-sidebar-bg: #141414;--app-sidebar-border: rgba(255, 255, 255, .2);--app-btn-bg: #0f0f0f;--app-btn-primary-bg: var(--accent);--app-btn-primary-color: #1a1a1a;--app-status-active: #a0a0a0;--app-status-mid: #808080;--app-status-muted: #606060;--app-logout: #f87171;--app-shadow: 0 6px 20px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .1), inset 0 -1px 0 rgba(0, 0, 0, .3);--app-modal-overlay: rgba(0, 0, 0, .75);--app-scrollbar-track: rgba(255, 255, 255, .05);--app-scrollbar-thumb: rgba(255, 255, 255, .25);--primary-silver: #505050;--light-silver: #404040;--milky-white: #2a2a2a;--soft-white: #333;--silver-shade: #606060;--white: #e8e8e8;--glass-bg: #0f0f0f;--glass-border: rgba(255, 255, 255, .25);--glass-shadow: 0 6px 20px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .15), inset 0 -1px 0 rgba(0, 0, 0, .4)}:root[data-style=skeuo] [class*=card],:root[data-style=skeuo] [class*=Card]{border:1px solid var(--app-border);box-shadow:var(--app-shadow)}:root[data-style=skeuo] button{border:1px solid var(--app-border);box-shadow:var(--app-shadow)}:root[data-style=skeuo] input,:root[data-style=skeuo] textarea,:root[data-style=skeuo] select{border:2px solid var(--app-border);box-shadow:var(--app-shadow)}:root[data-style=liquid][data-theme=light],:root[data-style=liquid]:not([data-theme=dark]){--surface-primary: linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, rgba(245, 245, 240, .9) 25%, rgba(232, 232, 232, .85) 50%, rgba(212, 212, 212, .8) 75%, rgba(192, 192, 192, .75) 100%);--surface-secondary: rgba(255, 255, 255, .5);--surface-elevated: rgba(255, 255, 255, .65);--border-subtle: rgba(192, 192, 192, .3);--border-strong: rgba(192, 192, 192, .4);--text-primary: #2d2d2d;--text-secondary: rgba(90, 90, 90, .8);--shadow-soft: 0 10px 40px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04), 0 0 0 1px rgba(192, 192, 192, .2);--shadow-strong: 0 15px 50px rgba(0, 0, 0, .12), 0 4px 12px rgba(0, 0, 0, .06), 0 0 0 1px rgba(192, 192, 192, .3);--accent: #2d2d2d;--interactive-primary: var(--accent);--interactive-secondary: rgba(255, 255, 255, .7);--interactive-danger: var(--app-logout);--interactive-disabled-bg: var(--surface-secondary);--interactive-disabled-text: var(--text-secondary);--interactive-disabled-border: var(--border-subtle);--input-bg: rgba(255, 255, 255, .7);--input-border: var(--border-subtle);--input-focus: rgba(192, 192, 192, .5);--input-text: var(--text-primary);--input-placeholder: rgba(90, 90, 90, .6);--app-bg: var(--surface-primary);--app-text: var(--text-primary);--app-text-muted: var(--text-secondary);--app-border: var(--border-subtle);--app-border-light: rgba(192, 192, 192, .2);--app-card-bg: rgba(255, 255, 255, .6);--app-card-glass-bg: var(--surface-secondary);--app-card-glass-border: var(--border-subtle);--app-card-glass-shadow: var(--shadow-soft);--app-card-glass-shadow-hover: var(--shadow-strong);--app-input-bg: rgba(255, 255, 255, .7);--app-sidebar-bg: rgba(255, 255, 255, .5);--app-sidebar-border: rgba(192, 192, 192, .25);--app-btn-bg: rgba(255, 255, 255, .7);--app-btn-primary-bg: var(--accent);--app-btn-primary-color: #fff;--app-status-active: #2d2d2d;--app-status-mid: #808080;--app-status-muted: #a0a0a0;--app-logout: #ef4444;--app-shadow: 0 10px 40px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04);--app-modal-overlay: rgba(0, 0, 0, .3);--app-scrollbar-track: rgba(255, 255, 255, .15);--app-scrollbar-thumb: rgba(192, 192, 192, .4);--primary-silver: rgba(192, 192, 192, .6);--light-silver: rgba(232, 232, 232, .6);--milky-white: rgba(245, 245, 240, .6);--soft-white: rgba(255, 255, 255, .8);--silver-shade: rgba(168, 168, 168, .6);--white: rgba(255, 255, 255, .9);--glass-bg: rgba(255, 255, 255, .4);--glass-border: rgba(192, 192, 192, .35);--glass-shadow: 0 10px 40px rgba(0, 0, 0, .1), 0 2px 8px rgba(0, 0, 0, .05)}:root[data-style=liquid][data-theme=dark]{--surface-primary: linear-gradient(135deg, rgba(26, 26, 26, .95) 0%, rgba(30, 30, 30, .9) 25%, rgba(37, 37, 37, .85) 50%, rgba(45, 45, 45, .8) 75%, rgba(51, 51, 51, .75) 100%);--surface-secondary: rgba(45, 45, 45, .4);--surface-elevated: rgba(45, 45, 45, .55);--border-subtle: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .18);--text-primary: #e8e8e8;--text-secondary: rgba(232, 232, 232, .65);--shadow-soft: 0 10px 40px rgba(0, 0, 0, .5), 0 2px 8px rgba(0, 0, 0, .3), 0 0 0 1px rgba(255, 255, 255, .08);--shadow-strong: 0 15px 50px rgba(0, 0, 0, .6), 0 4px 12px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .12);--accent: #e8e8e8;--interactive-primary: var(--accent);--interactive-secondary: rgba(51, 51, 51, .6);--interactive-danger: var(--app-logout);--interactive-disabled-bg: var(--surface-secondary);--interactive-disabled-text: var(--text-secondary);--interactive-disabled-border: var(--border-subtle);--input-bg: rgba(51, 51, 51, .6);--input-border: var(--border-subtle);--input-focus: rgba(255, 255, 255, .25);--input-text: var(--text-primary);--input-placeholder: rgba(232, 232, 232, .5);--app-bg: var(--surface-primary);--app-text: var(--text-primary);--app-text-muted: var(--text-secondary);--app-border: var(--border-subtle);--app-border-light: rgba(255, 255, 255, .08);--app-card-bg: rgba(45, 45, 45, .5);--app-card-glass-bg: var(--surface-secondary);--app-card-glass-border: var(--border-subtle);--app-card-glass-shadow: var(--shadow-soft);--app-card-glass-shadow-hover: var(--shadow-strong);--app-input-bg: rgba(51, 51, 51, .6);--app-sidebar-bg: rgba(30, 30, 30, .5);--app-sidebar-border: rgba(255, 255, 255, .1);--app-btn-bg: rgba(51, 51, 51, .6);--app-btn-primary-bg: var(--accent);--app-btn-primary-color: #1a1a1a;--app-status-active: #a0a0a0;--app-status-mid: #808080;--app-status-muted: #606060;--app-logout: #f87171;--app-shadow: 0 10px 40px rgba(0, 0, 0, .5), 0 2px 8px rgba(0, 0, 0, .3);--app-modal-overlay: rgba(0, 0, 0, .6);--app-scrollbar-track: rgba(255, 255, 255, .05);--app-scrollbar-thumb: rgba(255, 255, 255, .2);--primary-silver: rgba(80, 80, 80, .6);--light-silver: rgba(64, 64, 64, .6);--milky-white: rgba(42, 42, 42, .6);--soft-white: rgba(51, 51, 51, .8);--silver-shade: rgba(96, 96, 96, .6);--white: rgba(232, 232, 232, .9);--glass-bg: rgba(45, 45, 45, .35);--glass-border: rgba(255, 255, 255, .12);--glass-shadow: 0 10px 40px rgba(0, 0, 0, .5), 0 2px 8px rgba(0, 0, 0, .3)}:root[data-style=liquid] [class*=card],:root[data-style=liquid] [class*=Card],:root[data-style=liquid] button,:root[data-style=liquid] input,:root[data-style=liquid] textarea,:root[data-style=liquid] select{transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:16px}:root[data-style=liquid] [class*=card]:hover,:root[data-style=liquid] [class*=Card]:hover{transform:translateY(-2px) scale(1.01)}