@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700;800&display=swap";:root{--primary-color:#2563eb;--primary-hover:#1e293b;--accent-color:#2563eb;--accent-hover:#1d4ed8;--accent-light:#dbeafe;--dark-navy:#09090b;--text-dark:#0f172a;--text-medium:#475569;--text-light:#94a3b8;--bg-main:#f8fafc;--bg-card:#fff;--white:#fff;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000012, 0 2px 4px #0000000a;--shadow-lg:0 10px 30px #00000014, 0 4px 10px #0000000a;--shadow-xl:0 20px 40px #0000001a, 0 8px 16px #0000000d;--shadow-glow:0 0 24px #2563eb40;--glass-bg:#ffffffd9;--glass-border:#e2e8f0cc;--glass-blur:blur(16px);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition:all .3s cubic-bezier(.25, 1, .5, 1);--primary-dark:#1d4ed8;--primary-light:#dbeafe;--bg-secondary:#f8fafc;--border-color:#e2e8f0}@keyframes gradientFlow{0%{background-position:0 0}25%{background-position:100% 0}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0 0}}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-dark);letter-spacing:normal;-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#dbeafe,#ede9fe,#fce7f3,#d1fae5,#fef3c7,#e0e7ff) 0 0/400% 400%;min-height:100vh;font-family:Inter,sans-serif;line-height:1.6;animation:20s infinite gradientFlow;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#7c3aed2e 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:12s ease-in-out infinite floatOrb1;position:fixed;top:-20%;left:-10%}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#2563eb26 0%,#0000 70%);border-radius:50%;width:700px;height:700px;animation:15s ease-in-out infinite floatOrb2;position:fixed;bottom:-20%;right:-10%}@keyframes floatOrb1{0%{transform:translate(0)scale(1)}33%{transform:translate(80px,60px)scale(1.1)}66%{transform:translate(-40px,80px)scale(.95)}to{transform:translate(0)scale(1)}}@keyframes floatOrb2{0%{transform:translate(0)scale(1)}33%{transform:translate(-60px,-80px)scale(1.08)}66%{transform:translate(80px,-40px)scale(.92)}to{transform:translate(0)scale(1)}}.bg-effects{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.bg-effects:before{content:"";background:radial-gradient(circle,#ec48991f 0%,#0000 70%);border-radius:50%;width:400px;height:400px;animation:18s ease-in-out infinite reverse floatOrb1;position:absolute;top:30%;right:5%}.bg-effects:after{content:"";background:radial-gradient(circle,#10b9811a 0%,#0000 70%);border-radius:50%;width:350px;height:350px;animation:20s ease-in-out infinite floatOrb2;position:absolute;top:60%;left:10%}.bg-mesh{pointer-events:none;z-index:0;background-image:linear-gradient(#2563eb08 1px,#0000 1px),linear-gradient(90deg,#2563eb08 1px,#0000 1px);background-size:60px 60px;width:100%;height:100%;position:fixed;top:0;left:0}main,header,footer,nav,.app{z-index:1;position:relative}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--dark-navy);font-family:Poppins,sans-serif;font-weight:700}a{color:inherit;transition:var(--transition);text-decoration:none}button{cursor:pointer;transition:var(--transition);background:0 0;border:none;outline:none;font-family:inherit}ul{list-style:none}.container{max-width:1360px;margin:0 auto;padding:0 32px}.btn{border-radius:var(--radius-full);transition:var(--transition);justify-content:center;align-items:center;padding:12px 28px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-sm{padding:8px 20px;font-size:.875rem}.btn-primary{color:var(--white)!important;background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%)!important;border:none!important;transition:all .22s cubic-bezier(.25,1,.5,1)!important;box-shadow:0 4px 16px #2563eb4d!important}.btn-primary:hover{transform:translateY(-2px)scale(1.01);box-shadow:0 8px 24px #7c3aed66!important}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-secondary{background-color:var(--primary-color);color:var(--white)}.btn-secondary:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-outline{color:var(--text-dark);background:var(--white);box-shadow:var(--shadow-sm);border:1px solid #e2e8f0}.btn-outline:hover{background-color:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.section-title{text-align:center;color:var(--dark-navy);margin-bottom:12px;font-size:2.75rem;font-weight:700}.section-subtitle{text-align:center;color:var(--text-medium);max-width:600px;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:1.05rem}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:var(--transition)}.glass-card:hover{box-shadow:var(--shadow-lg)}.placeholder-gradient{background:linear-gradient(135deg, var(--accent-color) 0%, var(--primary-color) 100%);color:var(--white);justify-content:center;align-items:center;font-weight:500;display:flex}.card,.property-card,.feature-card{border-radius:16px;transition:box-shadow .25s,transform .2s;-webkit-backdrop-filter:blur(20px)!important;background:#ffffffd1!important;border:1px solid #ffffffeb!important;box-shadow:0 8px 32px #2563eb24,0 2px 8px #00000012,inset 0 1px #fffffff2!important}.card:hover,.property-card:hover,.feature-card:hover{transform:translateY(-6px);background:#fffffff5!important;box-shadow:0 24px 64px #2563eb33,0 8px 20px #00000017,inset 0 1px #fff!important}.section-white{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffffd9;border-radius:24px;margin:2rem 0;padding:3rem 2rem}.section-tinted{-webkit-backdrop-filter:blur(8px);background:#f0f4ff99;border:1px solid #c8dcff66;border-radius:24px}.app,.guest-layout{background:0 0}:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f999;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes pulseSkeleton{0%{opacity:.6}50%{opacity:.25}to{opacity:.6}}.skeleton{background:#e2e8f0;border-radius:8px;animation:1.5s ease-in-out infinite pulseSkeleton}.badge-status{letter-spacing:.02em;border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.badge-status-success{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.badge-status-warning{color:#a16207;background:#fef9c3;border:1px solid #fef08a}.badge-status-danger{color:#be123c;background:#ffe4e6;border:1px solid #fecdd3}.badge-status-info{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.dash-layout input[type=text],.dash-layout input[type=email],.dash-layout input[type=password],.dash-layout input[type=number],.dash-layout select,.dash-layout textarea{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:12px;outline:none;padding:10px 14px;font-size:.9rem;transition:all .2s}.dash-layout input:focus,.dash-layout select:focus,.dash-layout textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb26}.table-responsive{-webkit-overflow-scrolling:touch;border-radius:12px;width:100%;overflow-x:auto}.step-icon-wrapper svg,.feature-icon-wrapper svg{color:#2563eb!important;width:28px!important;height:28px!important}.hostel-location svg,.meta-icon svg{color:#64748b!important;width:16px!important;height:16px!important}.btn svg,.btn-primary svg,.btn-outline svg{color:inherit;width:20px!important;height:20px!important}.icon-wrapper-gradient{background:linear-gradient(135deg,#2563eb1f,#7c3aed1f);border-radius:16px;justify-content:center;align-items:center;padding:12px;display:inline-flex}.navbar{box-sizing:border-box;z-index:100;width:100%;max-width:100vw;padding:14px 0;transition:all .3s cubic-bezier(.25,1,.5,1);position:sticky;top:0;left:0;-webkit-backdrop-filter:blur(24px)!important;background:#ffffffd9!important;border-bottom:1px solid #e2e8f0cc!important;box-shadow:0 8px 32px #2563eb14,0 1px 3px #0000000a!important}.navbar.scrolled{padding:10px 0;background:#fffffff0!important;box-shadow:0 12px 40px #2563eb24,0 2px 6px #0000000f!important}.navbar-container{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;display:flex}.navbar-logo{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-icon-wrap{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .25s cubic-bezier(.25,1,.5,1);display:flex;box-shadow:0 4px 14px #2563eb59}.navbar-logo:hover .logo-icon-wrap{transform:rotate(-6deg)scale(1.06)}.logo-icon{color:#fff!important;width:18px!important;height:18px!important}.logo-brand-wrap{text-align:left;flex-direction:column;line-height:1.1;display:flex}.logo-text{letter-spacing:-.5px;color:#0f172a;font-family:Poppins,sans-serif;font-size:1.32rem;font-weight:800}.logo-tagline{letter-spacing:1px;text-transform:uppercase;color:#64748b;margin-top:1px;font-size:.6rem;font-weight:700}.navbar-links{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f1f5f9a6;border:1px solid #e2e8f0cc;border-radius:50px;align-items:center;gap:6px;padding:4px 6px;display:flex;box-shadow:inset 0 1px 2px #ffffffe6}.navbar-links li{list-style:none}.navbar-links a{color:#475569;border-radius:50px;padding:8px 18px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.navbar-links a:hover{color:#2563eb;background:#ffffffe6;box-shadow:0 2px 8px #2563eb1a}.navbar-links a.active{color:#2563eb;background:#fff;box-shadow:0 2px 10px #2563eb26,0 1px 2px #0000000d}.navbar-actions{align-items:center;gap:12px;display:flex}.language-selector{color:#334155;cursor:pointer;background:#f1f5f9a6;border:1px solid #e2e8f0cc;border-radius:50px;align-items:center;gap:4px;padding:7px 14px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.language-selector:hover{color:#2563eb;background:#ffffffe6;border-color:#2563eb4d}.navbar-actions .btn-outline{white-space:nowrap;color:#2563eb!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#ffffffbf!important;border:1.5px solid #2563eb40!important;border-radius:50px!important;padding:8px 18px!important;font-size:.88rem!important;font-weight:700!important;transition:all .22s!important;box-shadow:0 2px 8px #2563eb0f!important}.navbar-actions .btn-outline:hover{transform:translateY(-2px);color:#1d4ed8!important;background:#fff!important;border-color:#2563eb!important;box-shadow:0 6px 20px #2563eb2e!important}.navbar-actions .btn-primary{white-space:nowrap;color:#fff!important;background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%)!important;border:none!important;border-radius:50px!important;padding:8px 22px!important;font-size:.88rem!important;font-weight:700!important;transition:all .22s cubic-bezier(.25,1,.5,1)!important;box-shadow:0 6px 20px #2563eb59!important}.navbar-actions .btn-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 10px 28px #7c3aed73!important}.navbar-actions .btn-text{color:#0f172a;white-space:nowrap;border-radius:50px;padding:8px 14px;font-size:.88rem;font-weight:700;transition:all .2s}.navbar-actions .btn-text:hover{color:#2563eb;background:#2563eb14}.user-welcome{color:#2563eb;white-space:nowrap;background:#2563eb1a;border:1px solid #2563eb33;border-radius:50px;padding:6px 14px;font-size:.85rem;font-weight:700}.mobile-nav-toggle{align-items:center;gap:10px;display:none}.mobile-role-pill{color:#2563eb;background:#2563eb1a;border:1px solid #2563eb33;border-radius:50px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.mobile-hamburger-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;box-shadow:0 2px 6px #0000000a}.mobile-hamburger-btn:hover{color:#2563eb;background:#f8fafc;border-color:#2563eb}.mobile-drawer-overlay{-webkit-backdrop-filter:blur(6px);z-index:1000;background:#0f172a99;justify-content:flex-end;display:flex;position:fixed;inset:0}.mobile-drawer{background:#fff;flex-direction:column;width:300px;max-width:85vw;height:100vh;animation:.25s cubic-bezier(.25,1,.5,1) mobileDrawerSlideIn;display:flex;box-shadow:-10px 0 30px #0f172a33}@keyframes mobileDrawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-drawer-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.mobile-drawer-close{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mobile-drawer-body{flex-direction:column;flex:1;gap:12px;padding:24px;display:flex;overflow-y:auto}.mobile-nav-link{color:#0f172a;border-radius:12px;padding:10px 14px;font-size:1.05rem;font-weight:700;text-decoration:none;transition:all .18s}.mobile-nav-link:hover{color:#2563eb;background:#f1f5f9}.mobile-drawer-divider{background:#f1f5f9;height:1px;margin:12px 0}.mobile-user-box,.mobile-auth-btns{flex-direction:column;gap:12px;display:flex}.mobile-user-info{margin-bottom:4px}.user-role-tag{color:#2563eb;background:#2563eb1a;border-radius:50px;padding:4px 12px;font-size:.78rem;font-weight:700;display:inline-block}.mobile-btn{text-align:center;justify-content:center;width:100%}.logout-btn{color:#f43f5e!important;border-color:#f43f5e4d!important}@media (width<=992px){.navbar-links,.desktop-only{display:none}.mobile-nav-toggle{display:flex}}.footer{color:#ffffffb3;padding:80px 0 0;background:#0f172a!important;border-top:1px solid #ffffff14!important}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:48px;margin-bottom:60px;display:grid}.footer-logo{letter-spacing:-.5px;filter:drop-shadow(0 0 12px #60a5fa59);align-items:center;gap:8px;margin-bottom:24px;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:800;display:flex;color:#fff!important}.footer-logo-icon{width:28px;height:28px;color:#60a5fa!important}.footer-desc{max-width:90%;margin-bottom:32px;font-size:.95rem;line-height:1.6;color:#ffffffb3!important}.social-links{gap:16px;display:flex}.social-icon{width:40px;height:40px;transition:var(--transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;justify-content:center;align-items:center;display:flex;color:#fff!important;background:#ffffff1a!important;border:1px solid #ffffff26!important}.social-icon:hover{transform:translateY(-2px);color:#fff!important;background:#2563eb4d!important;border-color:#60a5fa80!important;box-shadow:0 0 16px #60a5fa66!important}.footer-heading{margin-bottom:24px;font-size:1.1rem;font-weight:700;color:#fff!important}.footer-links{flex-direction:column;gap:12px;display:flex}.footer-links a{transition:var(--transition);font-size:.95rem;font-weight:500;color:#ffffffb3!important}.footer-links a:hover{padding-left:4px;color:#60a5fa!important}.footer-contact{flex-direction:column;gap:16px;display:flex}.footer-contact li{align-items:flex-start;gap:12px;font-size:.95rem;line-height:1.5;display:flex;color:#ffffffb3!important}.contact-icon{flex-shrink:0;margin-top:2px;color:#60a5fa!important}.footer-bottom{justify-content:space-between;align-items:center;padding:32px 0;font-size:.9rem;display:flex;color:#ffffff80!important;border-top:1px solid #ffffff14!important}.footer-bottom-links{gap:24px;display:flex}.footer-bottom-links a{font-weight:500;color:#ffffffb3!important}.footer-bottom-links a:hover{color:#60a5fa!important}@media (width<=992px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.footer-grid{grid-template-columns:1fr;gap:40px}.footer-bottom{text-align:center;flex-direction:column;gap:16px}}.custom-select-container{-webkit-user-select:none;user-select:none;flex:1;width:100%;position:relative}.custom-select-trigger{cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:8px 12px;transition:all .2s cubic-bezier(.25,1,.5,1);display:flex}.custom-select-container:hover .custom-select-trigger{background:#2563eb0d}.custom-select-icon{color:var(--accent-color);flex-shrink:0;justify-content:center;align-items:center;display:flex}.custom-select-text{text-align:left;flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.custom-select-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-medium);margin-bottom:2px;font-size:.72rem;font-weight:700}.custom-select-value{color:var(--dark-navy);white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:1rem;font-weight:700;overflow:hidden}.custom-select-chevron{color:var(--text-medium);flex-shrink:0;transition:transform .25s cubic-bezier(.25,1,.5,1)}.custom-select-chevron.rotate{color:var(--accent-color);transform:rotate(180deg)}.custom-select-menu{z-index:999;width:100%;min-width:210px;animation:.2s cubic-bezier(.25,1,.5,1) selectMenuFadeIn;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;-webkit-backdrop-filter:blur(24px)!important;background:#fffffff5!important;border:1px solid #fffffff2!important;border-radius:18px!important;box-shadow:0 20px 45px -10px #2563eb38,0 4px 14px #00000014!important}@keyframes selectMenuFadeIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.custom-select-options{max-height:250px;padding:6px;overflow-y:auto}.custom-select-options::-webkit-scrollbar{width:5px}.custom-select-options::-webkit-scrollbar-track{background:0 0}.custom-select-options::-webkit-scrollbar-thumb{background:#2563eb40;border-radius:10px}.custom-select-option{color:#334155;cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.92rem;font-weight:600;transition:all .15s;display:flex}.custom-select-option:hover{color:#2563eb;background:#2563eb14;transform:translate(3px)}.custom-select-option.selected{color:#2563eb;background:linear-gradient(135deg,#2563eb1f,#7c3aed14);font-weight:700}.custom-select-check{color:#2563eb}.custom-select-container.compact .custom-select-trigger{gap:8px;padding:4px 8px}.custom-select-container.compact .custom-select-value{font-size:.9rem;font-weight:600}.hero{background:0 0;padding:30px 0 20px;position:relative;overflow:hidden}.hero:before{content:"";z-index:0;background:radial-gradient(circle,#2563eb14 0%,#0000 70%);border-radius:50%;width:50%;height:80%;position:absolute;top:-20%;right:-10%}.hero-container{z-index:1;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;display:grid;position:relative}.hero-content{flex-direction:column;display:flex}.hero-eyebrow{color:var(--accent-color);text-transform:uppercase;letter-spacing:1.5px;border-radius:var(--radius-full);background:#2563eb1a;width:fit-content;margin-bottom:20px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-block}.hero-title{color:var(--dark-navy);letter-spacing:-1.5px;margin-bottom:24px;font-size:clamp(2.2rem,8vw,4.5rem);font-weight:800;line-height:1.1}.text-gradient{background:linear-gradient(135deg, var(--accent-color), #0ea5e9);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-medium);max-width:90%;margin-bottom:28px;font-size:1.15rem;line-height:1.6}.search-bar{border-radius:var(--radius-full);transition:var(--transition);align-items:center;margin-bottom:32px;padding:10px 10px 10px 24px;display:flex;-webkit-backdrop-filter:blur(20px)!important;background:#ffffffd9!important;border:1px solid #fffc!important;box-shadow:0 20px 50px -10px #2563eb2e,inset 0 0 0 1px #ffffffe6!important}.search-bar:hover{background:#fffffff7;box-shadow:0 25px 50px -12px #2563eb2e,inset 0 0 0 1px #fff}.search-field{border-radius:var(--radius-lg);transition:var(--transition);flex:1;align-items:center;gap:16px;padding:8px 12px;display:flex}.search-field:hover{background-color:#f8fafccc}.search-icon{color:var(--accent-color);flex-shrink:0}.select-wrapper{flex-direction:column;flex:1;display:flex}.select-wrapper label{color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:.75rem;font-weight:600}.search-field select{color:var(--dark-navy);cursor:pointer;appearance:none;background:0 0;border:none;outline:none;width:100%;padding:0;font-family:inherit;font-size:1.05rem;font-weight:600}.search-field select:focus{outline:none}.search-divider{background-color:#e2e8f0cc;width:1px;height:40px;margin:0 8px}.search-btn{white-space:nowrap;flex-shrink:0;height:100%;padding:16px 32px;font-size:1.1rem}.hero-stats{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.stat-item{color:var(--text-medium);transition:var(--transition);flex-direction:column;font-size:.9rem;display:flex;-webkit-backdrop-filter:blur(10px)!important;background:#fff9!important;border:1px solid #fffc!important;border-radius:50px!important;padding:10px 24px!important;box-shadow:0 4px 16px #2563eb0f!important}.stat-item:hover{transform:translateY(-2px);background:#ffffffd9!important;box-shadow:0 8px 24px #2563eb1f!important}.stat-item strong{color:var(--dark-navy);font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:800}.hero-image{position:relative}.image-pattern{background-image:radial-gradient(var(--text-light) 2px, transparent 2px);opacity:.2;z-index:-1;background-size:20px 20px;width:150px;height:150px;position:absolute;top:-20px;right:-20px}.hero-illustration{object-fit:cover;width:100%;height:520px;transition:var(--transition);border-radius:32px;box-shadow:0 30px 60px -10px #2563eb26,0 10px 20px -5px #00000014}.hero-illustration:hover{transform:translateY(-5px)}.floating-badge{border-radius:var(--radius-lg);align-items:center;gap:16px;padding:16px 24px;animation:6s ease-in-out infinite float;display:flex;position:absolute;bottom:40px;left:-30px;-webkit-backdrop-filter:blur(16px)!important;background:#ffffffd9!important;border:1px solid #ffffffe6!important;box-shadow:0 12px 40px #2563eb26,inset 0 0 0 1px #ffffffe6!important}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.badge-icon{background:#fef08a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.badge-text{flex-direction:column;display:flex}.badge-text strong{color:var(--dark-navy);font-size:1.1rem;font-weight:700}.badge-text span{color:var(--text-medium);font-size:.85rem}@media (width<=1200px){.floating-badge{left:20px}}@media (width<=992px){.hero-container{text-align:center;grid-template-columns:1fr;gap:40px}.hero-eyebrow{white-space:normal;text-align:center;max-width:100%;margin:0 auto 20px}.hero-subtitle{max-width:100%;margin:0 auto 30px}.search-bar{box-sizing:border-box;border-radius:20px;flex-direction:column;gap:12px;width:100%;padding:16px}.search-divider{width:100%;height:1px;margin:4px 0}.search-field{text-align:left;box-sizing:border-box;width:100%}.search-btn{border-radius:50px;justify-content:center;width:100%;padding:14px}.hero-stats{flex-wrap:wrap;justify-content:center;gap:20px}.hero-illustration{height:380px}}@media (width<=576px){.hero{padding:16px 0 10px}.hero-title{letter-spacing:-.5px;font-size:2.2rem}.hero-eyebrow{padding:6px 12px;font-size:.75rem}.hero-illustration{height:280px}.floating-badge{display:none}.search-tabs{flex-wrap:wrap;justify-content:center}.search-tab-btn{text-align:center;flex:calc(50% - 10px)}}.search-container{z-index:10;flex-direction:column;width:100%;display:flex;position:relative}@media (width<=768px){.search-tabs{padding:0 10px 10px}.search-input-wrap{padding:15px 0}}.how-it-works{background:0 0;padding:40px 0}.section-header.center{text-align:center;flex-direction:column;align-items:center;margin-bottom:28px;display:flex}.steps-grid{grid-template-columns:repeat(4,1fr);gap:32px;display:grid}.step-card{text-align:left;transition:var(--transition);padding:40px 32px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(16px)!important;background:#ffffffa6!important;border:1px solid #fffc!important;border-radius:20px!important;box-shadow:0 8px 32px #2563eb1a!important}.step-card:before{content:"";background:linear-gradient(90deg, var(--accent-color), #0ea5e9);opacity:0;width:100%;height:4px;transition:var(--transition);position:absolute;top:0;left:0}.step-card:hover{background:#ffffffe0!important;transform:translateY(-8px)!important;box-shadow:0 24px 60px #2563eb2e!important}.step-card:hover:before{opacity:1}.step-icon-wrapper{width:64px;height:64px;transition:var(--transition);justify-content:center;align-items:center;margin-bottom:24px;display:flex;position:relative;box-shadow:0 4px 12px #2563eb14;color:#2563eb!important;background:linear-gradient(135deg,#2563eb21,#7c3aed21)!important;border-radius:16px!important;padding:16px!important}.step-card:hover .step-icon-wrapper{background:#2563eb1a;transform:scale(1.1)}.step-number{background:var(--dark-navy);color:var(--white);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:-10px;right:-10px;box-shadow:0 4px 6px #0000001a}.step-title{color:var(--dark-navy);margin-bottom:12px;font-size:1.25rem;font-weight:700}.step-desc{color:var(--text-medium);font-size:.95rem;line-height:1.6}@media (width<=1200px){.steps-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (width<=768px){.steps-grid{grid-template-columns:1fr}.how-it-works{padding:60px 0}.step-card{padding:32px 24px}}.popular-cities{background:0 0;padding:40px 0}.cities-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.city-card{cursor:pointer;height:280px;transition:var(--transition);position:relative;overflow:hidden;box-shadow:0 8px 24px #2563eb1f;border:1px solid #ffffff4d!important;border-radius:20px!important}.city-card:first-child,.city-card:nth-child(2){grid-column:span 2;height:320px}.city-image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,1,.5,1)}.city-overlay{width:100%;height:100%;transition:var(--transition);position:absolute;top:0;left:0;background:linear-gradient(#0000 40%,#0f172ad9 100%)!important}.city-card:hover{border-color:#ffffff80!important;transform:translateY(-6px)!important;box-shadow:0 12px 40px #2563eb2e!important}.city-card:hover .city-image{transform:scale(1.08)!important}.city-card:hover .city-overlay{background:linear-gradient(#0f172a33 40%,#0f172ae6 100%)}.city-info{color:var(--white);z-index:2;position:absolute;bottom:24px;left:24px}.city-name{color:var(--white);margin-bottom:4px;font-size:1.5rem;font-weight:700}.city-count{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-full);background:#fff3;padding:4px 12px;font-size:.9rem;font-weight:500}@media (width<=992px){.cities-grid{grid-template-columns:repeat(2,1fr)}.section-header{flex-direction:column;align-items:flex-start;gap:20px}}@media (width<=576px){.cities-grid{grid-template-columns:1fr}.city-card:first-child,.city-card:nth-child(2){grid-column:span 1;height:250px}}.featured-hostels{background:0 0;padding:40px 0}.section-header{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}.hostels-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.hostel-card{transition:var(--transition);flex-direction:column;display:flex;overflow:hidden;-webkit-backdrop-filter:blur(20px)!important;background:#ffffffb8!important;border:1px solid #ffffffd9!important;border-radius:20px!important;box-shadow:0 8px 32px #2563eb1f!important}.hostel-card:hover{background:#ffffffe6!important;transform:translateY(-8px)!important;box-shadow:0 24px 60px #2563eb33!important}.hostel-image-wrapper{height:220px;position:relative;overflow:hidden}.hostel-image{object-fit:cover;width:100%;height:100%;transition:transform .6s}.hostel-card:hover .hostel-image{transform:scale(1.05)}.wishlist-btn{-webkit-backdrop-filter:blur(8px);width:36px;height:36px;color:var(--text-light);transition:var(--transition);z-index:2;background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 2px 8px #0000001a}.wishlist-btn:hover{transform:scale(1.1)}.wishlist-btn.active{color:#ef4444}.hostel-badges{gap:8px;display:flex;position:absolute;bottom:16px;left:16px}.badge{border-radius:var(--radius-full);box-shadow:var(--shadow-sm);align-items:center;gap:4px;padding:6px 10px;font-size:.85rem;font-weight:600;display:flex}.rating-badge{-webkit-backdrop-filter:blur(8px);color:var(--dark-navy);background:#fffffff2}.review-count{color:var(--text-light);margin-left:2px;font-size:.8rem;font-weight:400}.hostel-content{flex-direction:column;flex:1;padding:20px;display:flex}.hostel-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.hostel-type{text-transform:uppercase;color:var(--accent-color);letter-spacing:.5px;font-size:.75rem;font-weight:700}.hostel-location{color:var(--text-light);align-items:center;gap:4px;font-size:.85rem;display:flex}.hostel-name{color:var(--dark-navy);margin-bottom:16px;font-size:1.25rem;font-weight:700;line-height:1.3}.hostel-amenities{flex-wrap:wrap;flex:1;gap:8px;margin-bottom:24px;display:flex}.amenity-tag{border-radius:var(--radius-full);align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:500;display:flex;color:#2563eb!important;background:#2563eb14!important;border:1px solid #2563eb26!important}.hostel-footer{border-top:1px solid #f1f5f9e6;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.hostel-price{align-items:baseline;gap:4px;display:flex}.price-currency{color:var(--text-medium);font-size:.9rem;font-weight:500}.price-value{background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.hostel-footer .btn{color:#fff!important;background:linear-gradient(135deg,#2563eb,#7c3aed)!important;border:none!important;border-radius:9999px!important;padding:8px 20px!important;font-weight:600!important;box-shadow:0 4px 14px #2563eb40!important}.hostel-footer .btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed59!important}@media (width<=1200px){.hostels-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=992px){.section-header{flex-direction:column;align-items:flex-start;gap:16px}.hostels-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.hostels-grid{grid-template-columns:1fr}}.testimonials{background:0 0;padding:40px 0}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.testimonial-card{transition:var(--transition);flex-direction:column;padding:40px;display:flex;position:relative;-webkit-backdrop-filter:blur(16px)!important;background:#ffffffad!important;border:1px solid #fffc!important;border-radius:20px!important;box-shadow:0 8px 32px #2563eb1a!important}.testimonial-card:hover{background:#ffffffe0!important;transform:translateY(-6px)!important;box-shadow:0 20px 48px #2563eb29!important}.quote-icon-wrapper{position:absolute;top:32px;right:32px;color:#2563eb26!important}.quote-icon{width:48px;height:48px}.stars{gap:4px;margin-bottom:24px;display:flex;color:#f59e0b!important}.quote-text{color:var(--dark-navy);flex:1;margin-bottom:32px;font-size:1.1rem;font-style:italic;font-weight:500;line-height:1.7}.author-divider{background-color:#f1f5f9cc;width:100%;height:1px;margin-bottom:24px}.author{align-items:center;gap:16px;display:flex}.avatar-img{object-fit:cover;border:2px solid var(--white);width:56px;height:56px;box-shadow:var(--shadow-sm);border-radius:50%}.author-info{flex-direction:column;display:flex}.author-name{margin-bottom:4px;font-size:1.05rem;color:#0f172a!important;font-weight:700!important}.author-meta{color:var(--text-medium);align-items:center;gap:6px;font-size:.85rem;display:flex}.author-hostel{color:var(--accent-color);font-weight:500}@media (width<=992px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.testimonials-grid{grid-template-columns:1fr}.testimonials{padding:60px 0}.testimonial-card{padding:32px 24px}}.mobile-app{color:var(--white);padding:50px 0 0;position:relative;overflow:hidden;background:linear-gradient(135deg,#1e1b4b,#312e81,#1e3a5f)!important}.mobile-app:before{content:"";pointer-events:none;opacity:.5;z-index:0;background-image:radial-gradient(#ffffff26 1.5px,#0000 1.5px);background-size:28px 28px;width:100%;height:100%;position:absolute;top:0;left:0}.app-container{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.app-eyebrow{color:var(--accent-color);text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;font-size:.85rem;font-weight:700;display:inline-block}.app-title{color:var(--white);letter-spacing:-1px;margin-bottom:24px;font-size:4rem;font-weight:800;line-height:1.1}.app-desc{color:#94a3b8;max-width:90%;margin-bottom:32px;font-size:1.15rem;line-height:1.6}.app-features{gap:24px;margin-bottom:48px;display:flex}.app-feature-item{color:var(--white);font-size:.95rem;font-weight:600}.app-buttons{gap:16px;display:flex}.store-btn{transition:var(--transition);border-radius:12px;align-items:center;gap:12px;padding:10px 24px;display:flex;-webkit-backdrop-filter:blur(12px)!important;color:#fff!important;background:#ffffff26!important;border:1px solid #ffffff4d!important}.store-btn:hover{transform:translateY(-2px);background:#ffffff40!important;border-color:#ffffff80!important;box-shadow:0 10px 24px #0000004d!important}.store-text{flex-direction:column;align-items:flex-start;display:flex}.small-text{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;font-size:.65rem}.large-text{font-size:1.15rem;font-weight:600;line-height:1.1}.app-image-container{justify-content:center;align-items:flex-end;height:100%;display:flex;position:relative}.glow-effect{z-index:0;background:radial-gradient(circle,#2563eb66 0%,#2563eb00 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mockup-img{z-index:1;max-width:100%;height:auto;max-height:600px;position:relative;transform:translateY(10%)}@media (width<=992px){.app-container{text-align:center;grid-template-columns:1fr;gap:60px}.mobile-app{padding:80px 0 0}.app-desc{margin:0 auto 32px}.app-features,.app-buttons{justify-content:center}.app-title{font-size:3rem}}@media (width<=576px){.app-buttons{flex-direction:column}.app-features{flex-direction:column;gap:12px}}.sr-page{background:0 0;min-height:100vh}.sr-top-bar{-webkit-backdrop-filter:blur(16px);z-index:99;background:#fffc;border-bottom:1px solid #fff9;padding:20px 0;position:sticky;top:64px}.sr-top-bar-inner{justify-content:space-between;align-items:center;gap:16px;display:flex}.sr-search-container{flex-direction:column;flex:1;max-width:800px;display:flex}.search-tabs{gap:8px;margin-bottom:12px;padding-bottom:4px;display:flex;overflow-x:auto}.search-tab-btn{color:#64748b;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;background:#fff9;border:1px solid #e2e8f0cc;border-radius:20px;padding:8px 16px;font-size:.9rem;font-weight:600;transition:all .2s}.search-tab-btn:hover{color:#0f172a;background:#ffffffe6}.search-tab-btn.active{color:#3b82f6;background:#fff;border-color:#3b82f6;box-shadow:0 4px 12px #2563eb1a}.search-input-wrap{flex-direction:column;flex:1;padding:0 16px;display:flex}.search-input-wrap.full-width{flex:1}.search-input-wrap label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.75rem;font-weight:600}.input-with-icon{align-items:center;gap:10px;display:flex}.input-with-icon svg{color:#3b82f6}.input-with-icon input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:1.05rem;font-weight:600}.input-with-icon input::placeholder{color:#94a3b8;font-weight:500}.sr-compact-form{background:var(--white);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);border:1px solid #e2e8f0;flex:1;align-items:center;max-width:800px;padding:6px;display:flex}.sr-field{flex:1;align-items:center;gap:12px;padding:8px 16px;display:flex}.sr-field-icon{color:var(--accent-color);flex-shrink:0}.sr-field-body{flex-direction:column;width:100%;display:flex}.sr-field-label{text-transform:uppercase;color:var(--text-light);letter-spacing:.5px;font-size:.65rem;font-weight:700}.sr-field select{color:var(--dark-navy);cursor:pointer;appearance:none;background:0 0;border:none;outline:none;width:100%;padding:0;font-family:inherit;font-size:.95rem;font-weight:600}.sr-divider{background-color:#e2e8f0;width:1px;height:32px}.sr-search-btn{background-color:var(--accent-color);color:var(--white);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:flex}.sr-search-btn:hover{background-color:var(--accent-hover)}.sr-mobile-filter-btn{background:var(--white);border-radius:var(--radius-full);color:var(--dark-navy);border:1px solid #e2e8f0;align-items:center;gap:8px;padding:12px 20px;font-weight:600;display:none}.sr-layout{grid-template-columns:280px 1fr;align-items:start;gap:40px;padding:40px 24px;display:grid}.sr-sidebar{position:sticky;top:180px}.sr-sidebar-header{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.sr-sidebar-header h3{color:var(--dark-navy);margin-bottom:4px;font-size:1.25rem}.sr-reset-btn{color:var(--text-light);font-size:.85rem;text-decoration:underline}.sr-reset-btn:hover{color:var(--accent-color)}.sr-close-btn{display:none}.sr-filter-group{border-bottom:1px solid #e2e8f0;margin-bottom:32px;padding-bottom:24px}.sr-filter-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.sr-filter-title{color:var(--dark-navy);margin-bottom:16px;font-size:1rem}.sr-check-label,.sr-radio-label{cursor:pointer;color:var(--text-medium);transition:var(--transition);align-items:center;gap:12px;margin-bottom:12px;font-size:.95rem;display:flex}.sr-check-label:hover,.sr-radio-label:hover{color:var(--dark-navy)}.sr-check-label input,.sr-radio-label input{display:none}.sr-checkbox-ui{width:20px;height:20px;transition:var(--transition);border:2px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.sr-check-label input:checked+.sr-checkbox-ui{background-color:var(--accent-color);border-color:var(--accent-color)}.sr-check-label input:checked+.sr-checkbox-ui:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;margin-bottom:2px;transform:rotate(45deg)}.sr-radio-ui{width:20px;height:20px;transition:var(--transition);border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.sr-radio-label input:checked+.sr-radio-ui{border-color:var(--accent-color)}.sr-radio-label input:checked+.sr-radio-ui:after{content:"";background-color:var(--accent-color);border-radius:50%;width:10px;height:10px}.sr-apply-btn{display:none}.sr-listings-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.sr-results-count{color:var(--text-medium);font-size:1.1rem}.sr-results-count strong{color:var(--dark-navy)}.sr-sort-wrapper{color:var(--text-medium);background:var(--white);border-radius:var(--radius-full);border:1px solid #e2e8f0;align-items:center;gap:8px;padding:8px 16px;display:flex}.sr-sort-select{color:var(--dark-navy);cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;font-weight:500}.sr-cards-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.sr-card{background:var(--white);border-radius:var(--radius-xl);transition:var(--transition);border:1px solid #e2e8f0;flex-direction:column;display:flex;overflow:hidden}.sr-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.sr-card-image-wrap{height:240px;position:relative}.sr-card-img{object-fit:cover;width:100%;height:100%}.sr-wish-btn{width:36px;height:36px;color:var(--text-light);box-shadow:var(--shadow-sm);background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.sr-wish-btn:hover{transform:scale(1.1)}.sr-wish-btn.active{color:#ef4444}.sr-card-badge{background:var(--dark-navy);color:var(--white);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;padding:4px 12px;font-size:.75rem;font-weight:600;position:absolute;top:16px;left:16px}.sr-type-pill{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--dark-navy);border-radius:var(--radius-full);background:#ffffffe6;padding:6px 12px;font-size:.8rem;font-weight:700;position:absolute;bottom:16px;left:16px}.sr-card-body{flex-direction:column;flex:1;padding:24px;display:flex}.sr-card-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sr-card-location{color:var(--text-medium);align-items:center;gap:4px;font-size:.85rem;display:flex}.sr-card-rating{align-items:center;gap:4px;font-size:.85rem;display:flex}.sr-card-rating strong{color:var(--dark-navy)}.sr-card-rating span{color:var(--text-light)}.sr-card-name{color:var(--dark-navy);margin-bottom:20px;font-size:1.25rem;line-height:1.4}.sr-card-amenities{flex-wrap:wrap;flex:1;gap:8px;margin-bottom:24px;display:flex}.sr-amenity-chip{border-radius:var(--radius-md);color:var(--text-medium);background:#f1f5f9;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:500;display:flex}.sr-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:flex-end;padding-top:20px;display:flex}.sr-card-price{flex-direction:column;display:flex}.sr-price-label{color:var(--text-medium);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.sr-price-amount{color:var(--dark-navy);margin:4px 0;font-size:1.5rem;font-weight:800;line-height:1}.sr-price-period{color:var(--text-light);font-size:.8rem}.sr-view-btn{background:var(--dark-navy);color:var(--white);border-radius:var(--radius-full);padding:10px 20px;font-size:.9rem;font-weight:600}.sr-view-btn:hover{background:var(--accent-color)}.sr-empty-state{text-align:center;background:var(--white);border-radius:var(--radius-xl);border:1px dashed #cbd5e1;padding:60px 20px}.sr-empty-icon{margin-bottom:20px;font-size:3rem}.sr-empty-state h3{color:var(--dark-navy);margin-bottom:12px;font-size:1.5rem}.sr-empty-state p{color:var(--text-medium);margin-bottom:24px}.sr-pagination{justify-content:center;align-items:center;gap:8px;margin-top:48px;display:flex}.sr-page-btn{border-radius:var(--radius-full);width:40px;height:40px;color:var(--text-medium);transition:var(--transition);justify-content:center;align-items:center;font-weight:600;display:flex}.sr-page-btn:hover{color:var(--dark-navy);background:#f1f5f9}.sr-page-btn.active{background:var(--dark-navy);color:var(--white)}.sr-page-dots{color:var(--text-light);font-weight:600}@media (width<=992px){.sr-layout{grid-template-columns:1fr;padding:24px}.sr-compact-form{display:none}.sr-mobile-filter-btn{justify-content:center;width:100%;display:flex}.sr-sidebar{background:var(--white);z-index:1000;width:300px;height:100vh;box-shadow:var(--shadow-xl);padding:24px;transition:left .3s;position:fixed;top:0;left:-100%;overflow-y:auto}.sr-sidebar--open{left:0}.sr-close-btn,.sr-apply-btn{display:block}.sr-apply-btn{background:var(--dark-navy);width:100%;color:var(--white);border-radius:var(--radius-md);margin-top:24px;padding:16px;font-weight:600}}@media (width<=576px){.sr-cards-list{grid-template-columns:1fr}.sr-listings-header{flex-direction:column;align-items:flex-start;gap:16px}.sr-sort-wrapper{justify-content:space-between;width:100%}}.hd-page{background-color:var(--bg-main);min-height:100vh;padding-bottom:80px}.hd-breadcrumb{color:var(--text-medium);align-items:center;gap:8px;padding:24px 0;font-size:.85rem;display:flex}.hd-breadcrumb a{color:var(--dark-navy);transition:var(--transition);font-weight:500;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.hd-breadcrumb a:hover{-webkit-text-decoration-color:var(--dark-navy);text-decoration-color:var(--dark-navy)}.hd-breadcrumb span{color:var(--text-light)}.hd-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.hd-title-area h1{color:var(--dark-navy);margin-bottom:8px;font-size:2rem;font-weight:700;line-height:1.2}.hd-meta{flex-wrap:wrap;align-items:center;gap:8px;font-size:.95rem;display:flex}.hd-rating{align-items:center;gap:4px;display:flex}.hd-rating strong{color:var(--dark-navy)}.hd-rating a{color:var(--text-medium);text-decoration:underline}.meta-dot{color:#cbd5e1}.hd-location{color:var(--text-medium);align-items:center;gap:4px;display:flex}.hd-location a{color:var(--dark-navy);text-decoration:underline}.hd-actions{gap:12px;display:flex}.hd-action-btn{border-radius:var(--radius-md);color:var(--dark-navy);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;display:flex}.hd-action-btn:hover{background:#0000000d}.hd-action-btn.wishlisted{color:#ef4444}.hd-gallery{border-radius:var(--radius-xl);grid-template-columns:1fr 1fr;gap:8px;height:480px;margin-bottom:48px;display:grid;overflow:hidden}.hd-main-img-wrap{width:100%;height:100%}.hd-main-img{object-fit:contain;border-radius:var(--radius-md);cursor:pointer;width:100%;height:100%;transition:var(--transition);background-color:#f8fafc}.hd-main-img:hover{filter:brightness(.95)}.hd-sub-gallery{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:8px;height:100%;display:grid}.hd-sub-img-wrap{width:100%;height:100%;position:relative}.hd-sub-img{object-fit:contain;cursor:pointer;width:100%;height:100%;transition:var(--transition);background-color:#f8fafc}.hd-sub-img:hover{filter:brightness(.95)}.hd-more-imgs-overlay{width:100%;height:100%;color:var(--white);cursor:pointer;background:#0006;justify-content:center;align-items:center;font-size:1.1rem;font-weight:600;display:flex;position:absolute;top:0;left:0}.hd-layout{grid-template-columns:1.5fr 1fr;gap:80px;display:grid}.hd-divider{border:none;border-top:1px solid #e2e8f0;margin:32px 0}.hd-section h2{color:var(--dark-navy);margin-bottom:24px;font-size:1.5rem;font-weight:700}.hd-highlights{flex-direction:column;gap:24px;display:flex}.hd-highlight-item{color:var(--dark-navy);align-items:flex-start;gap:16px;display:flex}.hd-highlight-item svg{color:var(--dark-navy);margin-top:2px}.hd-highlight-item div{flex-direction:column;display:flex}.hd-highlight-item strong{font-size:1.05rem;font-weight:600}.hd-highlight-item span{color:var(--text-medium);margin-top:4px;font-size:.95rem}.hd-description{color:var(--text-dark);font-size:1rem;line-height:1.7}.hd-amenities-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.hd-amenity-item{align-items:center;gap:16px;display:flex}.hd-amenity-icon{color:var(--dark-navy)}.hd-amenity-name{color:var(--text-dark);font-size:1rem}.hd-show-all-btn{border:1px solid var(--dark-navy);color:var(--dark-navy);font-weight:600}.hd-rooms-list{flex-direction:column;gap:20px;display:flex}.hd-room-card{border-radius:var(--radius-lg);border:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:24px;display:flex}.hd-room-info h3{color:var(--dark-navy);margin-bottom:8px;font-size:1.2rem;font-weight:600}.hd-room-info p{color:var(--text-medium);margin-bottom:12px;font-size:.95rem}.hd-room-availability{color:#d97706;align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:flex}.hd-room-action{flex-direction:column;align-items:flex-end;gap:16px;display:flex}.hd-room-price{flex-direction:column;align-items:flex-end;display:flex}.hd-room-price strong{color:var(--dark-navy);font-size:1.25rem;font-weight:700}.hd-room-price span{color:var(--text-light);font-size:.85rem}.hd-rules-list{flex-direction:column;gap:16px;padding:0;list-style:none;display:flex}.hd-rules-list li{align-items:flex-start;gap:12px;display:flex}.hd-rule-icon{color:var(--accent-color);flex-shrink:0;margin-top:2px}.hd-reviews-header h2{align-items:center;gap:12px;display:flex}.hd-reviews-grid{grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px;display:grid}.hd-review-card{flex-direction:column;gap:16px;display:flex}.hd-reviewer{align-items:center;gap:16px;display:flex}.hd-reviewer-avatar{object-fit:cover;border-radius:50%;width:48px;height:48px}.hd-reviewer div{flex-direction:column;display:flex}.hd-reviewer strong{color:var(--dark-navy);font-weight:600}.hd-reviewer span{color:var(--text-light);font-size:.85rem}.hd-review-text{color:var(--text-dark);font-size:1rem;line-height:1.6}.hd-sidebar{position:sticky;top:100px}.hd-booking-widget{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid #e2e8f0;margin-bottom:24px;padding:24px}.hd-widget-header{margin-bottom:24px}.hd-widget-price{flex-direction:column;display:flex}.hd-widget-price .label{color:var(--text-medium);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.hd-widget-price .price{align-items:baseline;gap:6px;display:flex}.hd-widget-price strong{color:var(--dark-navy);font-size:1.75rem;font-weight:700}.hd-widget-price span{color:var(--text-light);font-size:1rem}.hd-widget-info{border-radius:var(--radius-md);background:#f8fafc;border:1px solid #e2e8f0;flex-direction:column;gap:12px;margin-bottom:24px;padding:16px;display:flex}.hd-widget-row{color:var(--text-dark);align-items:center;gap:12px;font-size:.9rem;font-weight:500;display:flex}.hd-widget-btn{margin-bottom:16px;padding:14px;font-size:1.1rem}.hd-widget-disclaimer{text-align:center;color:var(--text-light);font-size:.85rem}.hd-report-widget{text-align:center}.hd-report-link{color:var(--text-medium);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:8px;font-size:.9rem;font-weight:500;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;display:inline-flex}.hd-report-link:hover{-webkit-text-decoration-color:var(--text-medium);text-decoration-color:var(--text-medium)}@media (width<=992px){.hd-layout{grid-template-columns:1fr;gap:40px}.hd-sidebar{position:static}}@media (width<=768px){.hd-header{flex-direction:column;gap:16px}.hd-gallery{grid-template-columns:1fr;height:auto}.hd-main-img-wrap{height:300px}.hd-sub-gallery{display:none}.hd-amenities-grid,.hd-reviews-grid{grid-template-columns:1fr}.hd-room-card{flex-direction:column;align-items:flex-start;gap:20px}.hd-room-action{flex-direction:row;justify-content:space-between;align-items:center;width:100%}}.bp-page{background:0 0;min-height:100vh;padding:40px 0 80px}.bp-container{grid-template-columns:1.2fr 1fr;gap:80px;display:grid}.bp-header-desktop{align-items:center;gap:16px;margin-bottom:48px;display:flex}.bp-header-desktop h1{color:var(--dark-navy);font-size:2rem;font-weight:700}.bp-header-mobile{display:none}.bp-back-link{background:var(--bg-main);width:48px;height:48px;color:var(--dark-navy);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.bp-back-link:hover{background:#e2e8f0}.bp-section{margin-bottom:32px}.bp-section h3{color:var(--dark-navy);margin-bottom:8px;font-size:1.25rem;font-weight:700}.bp-section-desc{color:var(--text-medium);margin-bottom:24px}.bp-divider{border:none;border-top:1px solid #e2e8f0;margin:32px 0}.bp-form-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.bp-input-group label{color:var(--dark-navy);margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.bp-input-wrapper{align-items:center;display:flex;position:relative}.bp-input-icon{color:var(--text-light);position:absolute;left:16px}.bp-input-wrapper input,.bp-input-wrapper select{border-radius:var(--radius-md);width:100%;color:var(--dark-navy);transition:var(--transition);appearance:none;background:0 0;border:1px solid #cbd5e1;padding:14px 16px 14px 44px;font-size:.95rem}.bp-input-wrapper input:focus,.bp-input-wrapper select:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #2563eb1a}.bp-textarea-wrapper{align-items:flex-start}.bp-textarea-wrapper .bp-input-icon{top:16px}.bp-textarea-wrapper textarea{border-radius:var(--radius-md);width:100%;color:var(--dark-navy);resize:vertical;transition:var(--transition);border:1px solid #cbd5e1;padding:14px 16px 14px 44px;font-family:inherit;font-size:.95rem}.bp-textarea-wrapper textarea:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #2563eb1a}.bp-full-width{grid-column:1/-1}.bp-policy-text{color:var(--text-dark);font-size:1rem;line-height:1.6}.bp-trust-banner{border-radius:var(--radius-lg);background:#2563eb0d;border:1px solid #2563eb1a;align-items:flex-start;gap:16px;padding:24px;display:flex}.bp-trust-icon{color:var(--accent-color);flex-shrink:0;margin-top:2px}.bp-trust-banner strong{color:var(--dark-navy);margin-bottom:4px;font-size:1.05rem;display:block}.bp-trust-banner p{color:var(--text-medium);font-size:.95rem;line-height:1.5}.bp-agreement{color:var(--text-medium);margin-bottom:24px;font-size:.85rem;line-height:1.5}.bp-agreement a{color:var(--dark-navy);font-weight:600;text-decoration:underline}.bp-submit-btn{border-radius:var(--radius-lg);width:100%;padding:16px;font-size:1.1rem}.bp-sidebar{position:sticky;top:100px}.bp-summary-card{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid #e2e8f0;padding:24px}.bp-summary-header{gap:16px;display:flex}.bp-summary-img{border-radius:var(--radius-md);object-fit:cover;width:120px;height:100px}.bp-summary-info{flex-direction:column;display:flex}.bp-summary-type{color:var(--text-medium);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.75rem;font-weight:600}.bp-summary-info h4{color:var(--dark-navy);margin-bottom:8px;font-size:1.1rem;font-weight:600;line-height:1.3}.bp-summary-rating{color:var(--dark-navy);font-size:.85rem;font-weight:600}.bp-summary-rating span{color:var(--text-light);font-weight:400}.bp-summary-details h3{color:var(--dark-navy);margin-bottom:20px;font-size:1.25rem}.bp-price-row{color:var(--text-dark);justify-content:space-between;margin-bottom:16px;font-size:1rem;display:flex}.bp-summary-total{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.bp-summary-total span{color:var(--dark-navy);font-size:1.1rem;font-weight:600}.bp-summary-total strong{color:var(--dark-navy);font-size:1.5rem;font-weight:800}.bp-summary-footer p{text-align:center;color:var(--text-light);font-size:.85rem}.bp-success-view{background-color:var(--bg-main);justify-content:center;align-items:center;display:flex}.bp-success-card{background:var(--white);border-radius:var(--radius-xl);text-align:center;max-width:500px;box-shadow:var(--shadow-xl);border:1px solid #e2e8f0;margin:0 auto;padding:48px}.bp-success-icon-wrap{background:#10b9811a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex}.bp-success-icon{color:#10b981}.bp-success-card h2{color:var(--dark-navy);margin-bottom:16px;font-size:1.75rem}.bp-success-desc{color:var(--text-medium);margin-bottom:32px;font-size:1rem;line-height:1.6}.bp-success-details{border-radius:var(--radius-lg);background:#f8fafc;border:1px solid #e2e8f0;margin-bottom:32px;padding:24px}.bp-success-row{justify-content:space-between;align-items:center;display:flex}.bp-success-row span{color:var(--text-medium)}.bp-success-row strong{color:var(--dark-navy);font-size:1.1rem}@media (width<=992px){.bp-container{grid-template-columns:1fr;gap:40px}.bp-sidebar{order:-1;position:static}}@media (width<=768px){.bp-page{padding:24px 0 60px}.bp-header-desktop{display:none}.bp-header-mobile{align-items:center;gap:16px;margin-bottom:24px;display:flex}.bp-header-mobile h2{color:var(--dark-navy);font-size:1.5rem}.bp-form-grid{grid-template-columns:1fr}.bp-success-card{padding:32px 24px}}.auth-page{background:0 0;width:100vw;max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.auth-split-container{width:100%;min-height:100vh;display:flex}.auth-form-side{box-sizing:border-box;background:radial-gradient(circle at 0 0,#f8fafc 0%,#e2e8f0 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;width:100%;padding:90px 20px 40px;display:flex;position:relative;overflow:hidden}.auth-form-side:before{content:"";opacity:.4;z-index:0;background-image:radial-gradient(#cbd5e1 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.auth-form-inner{box-sizing:border-box;-webkit-backdrop-filter:blur(24px);z-index:10;opacity:0;background:#ffffffe0;border:1px solid #fffffff2;border-radius:24px;width:100%;max-width:450px;padding:36px 32px 32px;animation:.8s cubic-bezier(.16,1,.3,1) forwards authFormSlideIn;position:relative;box-shadow:0 8px 40px #2563eb24,0 2px 10px #0000000f,inset 0 1px #fffffff2}@keyframes authFormSlideIn{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.auth-back-btn{color:#3b5bdb;-webkit-backdrop-filter:blur(16px);z-index:10;background:#ffffffeb;border:1.5px solid #6382ff4d;border-radius:50px;align-items:center;gap:8px;padding:8px 16px 8px 10px;font-size:.82rem;font-weight:700;text-decoration:none;transition:all .22s cubic-bezier(.25,1,.5,1);display:inline-flex;position:absolute;top:32px;left:32px;box-shadow:0 4px 16px #2563eb24}.auth-back-btn svg{background:#2563eb1a;border-radius:50%;flex-shrink:0;width:24px;height:24px;padding:3px;transition:all .22s}.auth-back-btn:hover{color:#1d4ed8;background:#fff;border-color:#2563eb80;transform:translate(-3px)}.auth-brand{color:#0f172a;letter-spacing:-.5px;margin-bottom:24px;font-family:Poppins,sans-serif;font-size:1.55rem;font-weight:800;text-decoration:none;display:inline-block}.auth-brand span{color:#2563eb}.auth-header{margin-bottom:24px}.auth-header h2{color:#0f172a;letter-spacing:-.5px;margin-bottom:6px;font-size:1.75rem;font-weight:800}.auth-header p{color:#64748b;font-size:.92rem}.auth-role-tabs{box-sizing:border-box;background:#f1f5f9e6;border:1px solid #e2e8f0cc;border-radius:14px;align-items:center;gap:4px;width:100%;min-height:46px;margin-bottom:24px;padding:4px;display:flex}.auth-tab{color:#64748b;cursor:pointer;white-space:nowrap;box-sizing:border-box;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;min-width:0;height:38px;padding:8px 4px;font-family:inherit;font-size:clamp(.72rem,3.2vw,.82rem);font-weight:700;transition:all .18s;display:flex}.auth-tab:hover{color:#0f172a}.auth-tab.active{color:#2563eb;background:#fff;box-shadow:0 2px 8px #2563eb26,0 1px 3px #0000000d}.auth-input-prefilled{color:#2563eb!important;cursor:default!important;background:#ebf2ffcc!important;font-weight:600!important}.auth-form-row{gap:16px;display:flex}.auth-form-row .auth-input-group{flex:1}.auth-input-group{margin-bottom:18px}.auth-input-group label{color:#334155;margin-bottom:6px;font-size:.82rem;font-weight:700;display:block}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-icon{color:#94a3b8;pointer-events:none;position:absolute;left:14px}.auth-input-wrapper input{color:#0f172a;box-sizing:border-box;background:#f8fafce6;border:1.5px solid #cbd5e1cc;border-radius:12px;width:100%;padding:11px 14px 11px 42px;font-family:inherit;font-size:.92rem;transition:all .18s}.auth-input-wrapper input.auth-input-password{padding-right:42px}.auth-password-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;right:14px}.auth-password-toggle:hover{color:#3b82f6}.auth-input-wrapper input:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1f}.auth-options{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:18px 0;display:flex}.auth-checkbox{color:#475569;cursor:pointer;align-items:center;gap:8px;font-size:.82rem;font-weight:600;display:flex}.auth-checkbox input{display:none}.checkbox-ui{border:2px solid #cbd5e1;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:inline-flex}.auth-checkbox input:checked+.checkbox-ui{background-color:#2563eb;border-color:#2563eb}.auth-checkbox input:checked+.checkbox-ui:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;margin-bottom:2px;transform:rotate(45deg)}.auth-forgot{color:#2563eb;font-size:.82rem;font-weight:700;text-decoration:none}.auth-forgot:hover{text-decoration:underline}.auth-submit-btn{white-space:normal;text-align:center;border-radius:50px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:20px;padding:12px 18px;font-size:.92rem;display:flex}.auth-signup-text{text-align:center;color:#64748b;font-size:.88rem}.auth-signup-text a{color:#2563eb;font-weight:700;text-decoration:none}.auth-signup-text a:hover{text-decoration:underline}.auth-visual-side{background:linear-gradient(135deg,#0f172ad9 0%,#1e293bcc 60%,#0f1f3de6 100%),url(/assets/hostel-bg-BTDsXpLJ.png) 50%/cover no-repeat;flex:1;justify-content:center;align-items:center;padding:60px 48px;display:flex;position:relative;overflow:hidden}.auth-visual-side:before,.auth-visual-side:after{content:"";filter:blur(80px);z-index:0;border-radius:50%;animation:10s ease-in-out infinite alternate authFloat;position:absolute}.auth-visual-side:before{background:#2563eb26;width:400px;height:400px;animation-delay:-5s;top:-100px;left:-100px}.auth-visual-side:after{background:#8b5cf626;width:300px;height:300px;bottom:-50px;right:-50px}@keyframes authFloat{0%{transform:translate(0)scale(1)}to{transform:translate(30px,40px)scale(1.1)}}.auth-visual-content{z-index:1;color:#fff;max-width:420px;animation:1s ease-out forwards authFadeUp;position:relative}@keyframes authFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-visual-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e2e8f0;opacity:0;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:50px;align-items:center;gap:8px;margin-bottom:28px;padding:8px 18px;font-size:.85rem;font-weight:600;animation:1s cubic-bezier(.175,.885,.32,1.275) .3s forwards authBounceIn;display:inline-flex}@keyframes authBounceIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.auth-visual-content h2{letter-spacing:-.8px;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:2.5rem;font-weight:800;line-height:1.15}.auth-visual-content p{color:#94a3b8;opacity:0;margin-bottom:48px;font-size:1rem;line-height:1.65;animation:1s ease-out .4s forwards authFadeUp}.auth-visual-stats{opacity:0;gap:36px;animation:1s ease-out .6s forwards authFadeUp;display:flex}.visual-stat h3{color:#fff;margin-bottom:4px;font-size:1.8rem;font-weight:800}.visual-stat span{color:#94a3b8;font-size:.85rem}@media (width<=992px){.auth-visual-side{display:none}.auth-form-side{padding:75px 16px 24px}.auth-form-inner{border-radius:20px;padding:28px 22px}.auth-back-btn{top:20px;left:20px}}@media (width<=480px){.auth-form-side{padding:68px 12px 20px}.auth-form-inner{border-radius:18px;padding:24px 16px 20px}.auth-role-tabs{padding:3px}.auth-tab{letter-spacing:-.2px;padding:6px 2px;font-size:.73rem}.auth-back-btn{padding:6px 12px 6px 8px;font-size:.78rem;top:14px;left:14px}.auth-header h2{font-size:1.5rem}.auth-brand{margin-bottom:18px;font-size:1.35rem}.auth-options{flex-direction:row;align-items:center}}*,:before,:after{box-sizing:border-box}.dash-layout{color:#0f172a;background:linear-gradient(135deg,#f0f5ff 0%,#f5f3ff 50%,#eff6ff 100%);width:100vw;max-width:100vw;height:100vh;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.dash-layout:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#7c3aed1f 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:fixed;top:-150px;right:-150px}.dash-layout:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#2563eb1f 0%,#0000 70%);border-radius:50%;width:550px;height:550px;position:fixed;bottom:-150px;left:200px}.dash-sidebar{z-index:300;background:linear-gradient(#0f172a 0%,#1e1b4b 100%);border-right:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;width:260px;height:100vh;transition:transform .3s cubic-bezier(.25,1,.5,1);display:flex;box-shadow:4px 0 24px #0f172a33}.dash-sidebar-header{border-bottom:1px solid #ffffff14;flex-direction:column;gap:12px;padding:24px 20px 20px;display:flex}.dash-sidebar-role-row{justify-content:space-between;align-items:center;display:flex}.dash-sidebar-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:none}.dash-logo{color:#fff;letter-spacing:-.5px;align-items:center;gap:10px;font-family:Poppins,sans-serif;font-size:1.35rem;font-weight:800;text-decoration:none;display:flex}.logo-badge-icon{color:#fff;background:linear-gradient(135deg,#38bdf8,#818cf8);border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;font-weight:800;display:flex;box-shadow:0 4px 14px #38bdf866}.logo-badge-pk{color:#38bdf8;font-weight:800}.dash-role-badge{color:#38bdf8;text-transform:uppercase;letter-spacing:.08em;background:#38bdf826;border:1px solid #38bdf84d;border-radius:50px;align-items:center;gap:6px;width:fit-content;padding:4px 12px;font-size:.7rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #38bdf826}.role-dot{background:#38bdf8;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #38bdf8}.dash-nav{flex:1;padding:20px 14px;overflow-y:auto}.dash-nav::-webkit-scrollbar{width:4px}.dash-nav::-webkit-scrollbar-track{background:0 0}.dash-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.dash-nav-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin:0 0 12px 10px;font-size:.68rem;font-weight:700;display:block}.dash-nav ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.dash-nav-link{color:#cbd5e1;border-radius:14px;align-items:center;gap:12px;padding:11px 16px;font-size:.92rem;font-weight:600;text-decoration:none;transition:all .22s;display:flex;position:relative}.dash-nav-icon{color:#94a3b8;flex-shrink:0;justify-content:center;align-items:center;transition:all .22s;display:flex}.dash-nav-link:hover{color:#fff;background:#ffffff14;transform:translate(3px)}.dash-nav-link:hover .dash-nav-icon{color:#38bdf8;transform:scale(1.12)}.dash-nav-link.active{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);font-weight:700;box-shadow:0 4px 16px #2563eb66}.dash-nav-link.active .dash-nav-icon{color:#fff}.dash-sidebar-footer{border-top:1px solid #ffffff14;padding:18px 14px}.dash-logout-btn{color:#f43f5e;cursor:pointer;text-align:left;background:#f43f5e1f;border:1px solid #f43f5e40;border-radius:14px;align-items:center;gap:12px;width:100%;padding:11px 16px;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.dash-logout-btn:hover{color:#fff;background:#f43f5e;box-shadow:0 4px 14px #f43f5e66}.dash-main{z-index:1;flex-direction:column;flex:1;min-width:0;max-width:100vw;height:100vh;display:flex;overflow:hidden}.dash-topbar{-webkit-backdrop-filter:blur(24px);background:#ffffffe0;border-bottom:1px solid #e2e8f0cc;flex-shrink:0;justify-content:space-between;align-items:center;height:68px;padding:0 28px;display:flex;box-shadow:0 4px 20px #0f172a08}.dash-topbar-left{align-items:center;gap:12px;display:flex}.dash-menu-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:none;box-shadow:0 2px 6px #0000000a}.dash-menu-btn:hover{color:#2563eb;background:#f8fafc;border-color:#2563eb}.dash-breadcrumb{align-items:center;gap:8px;display:flex}.dash-page-title{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;margin:0;font-size:1.25rem;font-weight:800}.dash-topbar-actions{align-items:center;gap:12px;display:flex}.dash-icon-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:relative;box-shadow:0 2px 6px #0000000a}.dash-icon-btn:hover{color:#2563eb;background:#fff;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb2e}.dash-notif-dot{background:#f43f5e;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;top:9px;right:10px;box-shadow:0 0 6px #f43f5e}.dash-profile-dropdown{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:50px;flex-shrink:0;align-items:center;gap:10px;padding:5px 12px 5px 5px;transition:all .2s;display:flex;position:relative;box-shadow:0 2px 8px #0000000a}.dash-profile-dropdown:hover{background:#fff;border-color:#2563eb;box-shadow:0 6px 20px #2563eb24}.dash-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.92rem;font-weight:800;display:flex;box-shadow:0 3px 10px #2563eb59}.dash-profile-info{flex-direction:column;display:flex}.dash-name{color:#0f172a;font-size:.85rem;font-weight:800;line-height:1.2}.dash-role{color:#64748b;font-size:.7rem;font-weight:600;line-height:1.2}.dash-chevron{color:#64748b;flex-shrink:0;margin-left:2px;transition:transform .2s}.dash-chevron.rotate{color:#2563eb;transform:rotate(180deg)}.dash-dropdown-menu{z-index:300;background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;width:220px;padding:8px;animation:.2s cubic-bezier(.25,1,.5,1) dashDropdownFadeIn;display:flex;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 20px 40px -8px #0f172a26}@keyframes dashDropdownFadeIn{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.dash-dropdown-header{flex-direction:column;padding:10px 12px;display:flex}.dash-dropdown-header strong{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.dash-dropdown-header span{color:#0f172a;font-size:.85rem;font-weight:700}.dash-dropdown-divider{background:#f1f5f9;height:1px;margin:6px 0}.dash-dropdown-menu a,.dash-dropdown-menu button{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-family:inherit;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .18s;display:flex}.dash-dropdown-menu a:hover{color:#2563eb;background:#2563eb14}.dash-dropdown-menu button.logout-item:hover{color:#f43f5e;background:#f43f5e14}.dash-content-scroll{flex:1;width:100%;max-width:100vw;overflow:hidden auto}.dash-content-scroll::-webkit-scrollbar{width:5px}.dash-content-scroll::-webkit-scrollbar-track{background:0 0}.dash-content-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.dash-content-inner{box-sizing:border-box;width:100%;max-width:1380px;margin:0 auto;padding:28px 32px}@media (width<=992px){.dash-menu-btn,.dash-sidebar-close{display:flex}.dash-sidebar{z-index:300;width:280px;height:100vh;position:fixed;top:0;left:-100%;box-shadow:0 20px 40px #0f172a59}.dash-sidebar.open{left:0}.dash-sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:299;background:#0f172a99;position:fixed;inset:0}.dash-topbar{height:60px;padding:0 16px}.dash-content-inner{padding:20px 16px}}@media (width<=576px){.dash-content-inner{padding:16px 12px}.dash-topbar{padding:0 10px}.dash-topbar-left{gap:6px}.dash-menu-btn{width:36px;height:36px}.dash-page-title{font-size:1rem;display:none}@media (width>=400px){.dash-page-title{display:block}}.dash-topbar-actions{gap:6px}.dash-icon-btn{width:36px;height:36px}.dash-icon-btn svg{width:18px;height:18px}.dash-profile-dropdown{border-radius:50%;padding:2px}.dash-avatar{width:32px;height:32px;font-size:.85rem}.dash-profile-info,.dash-chevron{display:none}}.dash-hostel-selector-wrapper{flex-shrink:1;width:250px;min-width:120px;margin-left:20px}@media (width<=992px){.dash-hostel-selector-wrapper{width:200px;margin-left:12px}}@media (width<=768px){.dash-hostel-selector-wrapper{width:160px;margin-left:8px}}@media (width<=576px){.dash-hostel-selector-wrapper{width:110px;min-width:100px;margin-left:2px}.premium-hostel-select .custom-select-trigger{padding:6px 8px}.premium-hostel-select .custom-select-value{font-size:.78rem}}.premium-hostel-select .custom-select-trigger{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:8px;padding:8px 14px;transition:all .2s;box-shadow:0 2px 4px #00000005,inset 0 1px #fff}.premium-hostel-select .custom-select-trigger:hover{border-color:#cbd5e1;box-shadow:0 4px 6px #0000000a,inset 0 1px #fff}.premium-hostel-select.open .custom-select-trigger{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.premium-hostel-select .custom-select-value{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;display:block;overflow:hidden}.premium-hostel-select .custom-select-menu{border:1px solid #e2e8f0;border-radius:8px;margin-top:6px;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.premium-hostel-select .custom-select-option{border-bottom:1px solid #f1f5f9;padding:10px 14px;font-size:.9rem}.premium-hostel-select .custom-select-option:last-child{border-bottom:none}.premium-hostel-select .custom-select-option.selected{color:#1d4ed8;background-color:#eff6ff;font-weight:600}.premium-hostel-select .custom-select-option:hover:not(.selected){background-color:#f8fafc}.owner-dash-container{box-sizing:border-box;flex-direction:column;gap:28px;width:100%;max-width:100%;display:flex}.od-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;width:100%;display:grid}.od-stat-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:24px;transition:all .25s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden;box-shadow:0 4px 20px -2px #0f172a0d}.od-stat-card:first-child{background:linear-gradient(135deg,#2563eb17 0%,#fff 80%);border:1.5px solid #2563eb38}.od-stat-card:nth-child(2){background:linear-gradient(135deg,#10b98117 0%,#fff 80%);border:1.5px solid #10b98138}.od-stat-card:nth-child(3){background:linear-gradient(135deg,#7c3aed17 0%,#fff 80%);border:1.5px solid #7c3aed38}.od-stat-card:nth-child(4){background:linear-gradient(135deg,#f59e0b17 0%,#fff 80%);border:1.5px solid #f59e0b38}.od-stat-card:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 16px 36px -4px #2563eb26}.od-stat-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.od-stat-title{text-transform:uppercase;letter-spacing:.06em;color:#475569;font-size:.8rem;font-weight:800}.od-stat-icon{border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .25s;display:flex;box-shadow:0 6px 16px #00000026;color:#fff!important}.od-stat-card:hover .od-stat-icon{transform:scale(1.12)rotate(-5deg)}.od-stat-value{color:#0f172a;letter-spacing:-.03em;margin-bottom:12px;font-size:2.2rem;font-weight:800;line-height:1}.od-stat-footer{align-items:center;gap:8px;display:flex}.od-trend{border-radius:50px;align-items:center;gap:4px;padding:4px 10px;font-size:.78rem;font-weight:800;display:inline-flex}.od-trend.positive{color:#059669;background:#10b98126;border:1px solid #10b9814d}.od-trend.negative{color:#d97706;background:#f59e0b26;border:1px solid #f59e0b4d}.od-trend-text{color:#64748b;font-size:.78rem;font-weight:600}.od-layout-grid{grid-template-columns:2fr 1fr;gap:24px;width:100%;display:grid}.od-col-main,.od-col-side{flex-direction:column;gap:24px;min-width:0;display:flex}.od-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0e6;border-radius:24px;width:100%;padding:28px;position:relative;overflow:hidden;box-shadow:0 4px 20px -2px #0f172a0d}.od-card:before{content:"";background:linear-gradient(90deg,#2563eb,#7c3aed,#ec4899);width:100%;height:4px;position:absolute;top:0;left:0}.od-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.od-card-header h3{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.15rem;font-weight:800}.od-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:14px;outline:none;padding:8px 16px;font-size:.88rem;font-weight:700;transition:all .2s;box-shadow:0 1px 3px #0000000a}.od-select:hover{border-color:#2563eb}.od-btn-text{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:.88rem;font-weight:800;transition:color .15s}.od-btn-text:hover{color:#1d4ed8;text-decoration:underline}.od-floor-occupancy-list{flex-direction:column;gap:16px;max-height:260px;margin-top:10px;padding-right:8px;display:flex;overflow-y:auto}.od-floor-row{align-items:center;gap:16px;display:flex}.od-floor-info{flex-direction:column;flex-shrink:0;width:120px;display:flex}.od-floor-name{color:#0f172a;font-size:.9rem;font-weight:700}.od-floor-stats{color:#64748b;font-size:.75rem;font-weight:500}.od-progress-track{background:#f1f5f9;border-radius:5px;flex:1;height:10px;overflow:hidden}.od-progress-fill{border-radius:5px;height:100%;transition:width .4s cubic-bezier(.25,1,.5,1)}.od-floor-percent{text-align:right;width:45px;font-size:.85rem;font-weight:800}.od-table-wrapper{-webkit-overflow-scrolling:touch;box-sizing:border-box;border-radius:16px;width:100%;min-height:180px;padding-bottom:30px;overflow-x:auto}.od-table{border-collapse:separate;border-spacing:0;width:100%;min-width:500px}.od-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.06em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 18px;font-size:.73rem;font-weight:800}.od-table td{color:#0f172a;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px 18px;font-size:.88rem;transition:background .15s}.od-table tr:hover td{background:#f1f5f9b3}.od-user-cell{align-items:center;gap:12px;display:flex}.od-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.92rem;font-weight:800;display:flex;box-shadow:0 3px 8px #2563eb4d}.od-user-info{flex-direction:column;gap:2px;display:flex}.od-user-info strong{color:#0f172a;font-size:.9rem;font-weight:700}.od-user-info span{color:#64748b;font-size:.78rem}.od-badge{border-radius:50px;padding:5px 14px;font-size:.75rem;font-weight:800;display:inline-block}.od-badge.pending{color:#d97706;background:#f59e0b26;border:1px solid #f59e0b4d}.od-badge.approved{color:#059669;background:#10b98126;border:1px solid #10b9814d}.od-badge.rejected{color:#f43f5e;background:#f43f5e26;border:1px solid #f43f5e4d}.od-actions-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.od-action-btn{color:#0f172a;cursor:pointer;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1.5px solid #e2e8f0;border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;font-size:.88rem;font-weight:800;transition:all .22s;display:flex;box-shadow:0 2px 8px #00000008}.od-action-btn:hover{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-color:#0000;transform:translateY(-3px);box-shadow:0 8px 24px #2563eb59}.od-dropdown-menu{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;width:140px;padding:6px;animation:.2s cubic-bezier(.16,1,.3,1) odDropdownIn;display:flex;position:absolute;top:40px;right:10px;box-shadow:0 10px 25px -5px #0f172a1a}@keyframes odDropdownIn{0%{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.od-dropdown-menu button{text-align:left;color:#334155;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 14px;font-size:.85rem;font-weight:600;transition:background .15s}.od-dropdown-menu button:hover{color:#0f172a;background:#f1f5f9}.od-dropdown-menu button.text-danger{color:#ef4444}.od-dropdown-menu button.text-danger:hover{background:#fef2f2}@media (width<=1200px){.od-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=992px){.od-layout-grid{grid-template-columns:1fr}}@media (width<=640px){.od-stats-grid,.od-actions-grid{grid-template-columns:1fr}.od-card{border-radius:18px;padding:20px 16px}.od-stat-card{padding:18px 16px}.od-stat-value{font-size:1.8rem}.od-bars{gap:6px}.od-bar span{font-size:.68rem;bottom:-24px}}.rh-page{flex-direction:column;gap:28px;max-width:920px;margin:0 auto;display:flex}.rh-header-wrapper{margin-bottom:8px}.rh-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.55rem;font-weight:800}.rh-subtitle{color:#64748b;margin-top:4px;font-size:.88rem}.rh-stepper{background:#fff;border:1px solid #e2e8f0;border-radius:20px;justify-content:space-between;align-items:center;padding:22px 28px;display:flex;box-shadow:0 4px 16px -2px #0f172a0a}.rh-step{opacity:.5;align-items:center;gap:12px;transition:all .25s;display:flex}.rh-step.active,.rh-step.completed{opacity:1}.rh-step-num{color:#64748b;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.92rem;font-weight:800;transition:all .22s;display:flex}.rh-step.active .rh-step-num{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 4px 12px #2563eb4d}.rh-step.completed .rh-step-num{color:#fff;background:#10b981}.rh-step-label{color:#0f172a;font-size:.92rem;font-weight:700}.rh-step-line{background:#e2e8f0;border-radius:50px;flex:1;height:3px;margin:0 16px;position:relative}.rh-step-line.active{background:linear-gradient(90deg,#2563eb,#7c3aed)}.rh-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:36px;box-shadow:0 4px 16px -2px #0f172a0a}.rh-step-header{margin-bottom:24px}.rh-step-header h3{color:#0f172a;align-items:center;gap:12px;margin-bottom:6px;font-size:1.25rem;font-weight:800;display:flex}.rh-step-header h3 svg{color:#2563eb}.rh-step-header p{color:#64748b;font-size:.9rem}.rh-divider{border-top:1px solid #f1f5f9;margin:28px 0}.rh-form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.rh-input-group label{color:#334155;margin-bottom:8px;font-size:.82rem;font-weight:700;display:block}.rh-input-group input,.rh-input-group select,.rh-input-group textarea{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:12px;width:100%;padding:10px 14px;font-family:inherit;font-size:.92rem;transition:all .2s}.rh-input-group input:focus,.rh-input-group select:focus,.rh-input-group textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb26}.rh-full-width{grid-column:1/-1}.rh-upload-area{text-align:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:20px;margin-bottom:24px;padding:36px 20px;transition:all .2s}.rh-upload-area:hover{background:#2563eb0a;border-color:#2563eb}.rh-upload-icon{color:#2563eb;margin-bottom:14px}.rh-upload-area h4{color:#0f172a;margin-bottom:6px;font-size:1.05rem;font-weight:800}.rh-upload-area p{color:#64748b;margin-bottom:18px;font-size:.88rem}.rh-browse-btn{border-radius:50px;padding:8px 24px;font-weight:700}.rh-upload-preview h5{color:#0f172a;margin-bottom:14px;font-size:.95rem;font-weight:800}.rh-preview-grid{flex-wrap:wrap;gap:14px;display:flex}.rh-preview-item{border:1px solid #e2e8f0;border-radius:14px;width:120px;height:100px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000f}.rh-preview-item img{object-fit:cover;width:100%;height:100%}.rh-remove-img{color:#fff;cursor:pointer;background:#0f172ab3;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.9rem;transition:background .15s;display:flex;position:absolute;top:6px;right:6px}.rh-remove-img:hover{background:#f43f5e}.rh-preview-empty{color:#94a3b8;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;justify-content:center;align-items:center;width:120px;height:100px;display:flex}.rh-amenities-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.rh-amenity-group h4{color:#0f172a;border-bottom:1px solid #f1f5f9;margin-bottom:14px;padding-bottom:8px;font-size:.95rem;font-weight:800}.rh-checkbox{color:#334155;cursor:pointer;align-items:center;gap:10px;margin-bottom:12px;font-size:.9rem;font-weight:600;display:flex}.rh-checkbox input{display:none}.rh-box{background:#fff;border:2px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;transition:all .18s;display:flex}.rh-checkbox input:checked+.rh-box{background:#2563eb;border-color:#2563eb;box-shadow:0 2px 6px #2563eb4d}.rh-checkbox input:checked+.rh-box:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;margin-bottom:2px;transform:rotate(45deg)}.rh-form-actions{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:36px;padding-top:24px;display:flex}.rh-pending-view{justify-content:center;padding:40px 0;display:flex}.rh-pending-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:24px;max-width:520px;padding:48px;box-shadow:0 12px 32px -4px #0f172a14}.rh-success-icon-wrap{background:#10b9811f;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin:0 auto 24px;display:flex}.rh-success-icon{color:#059669}.rh-pending-card h2{color:#0f172a;margin-bottom:14px;font-size:1.75rem;font-weight:800}.rh-pending-desc{color:#64748b;margin-bottom:32px;font-size:.95rem;line-height:1.6}.rh-timeline{text-align:left;flex-direction:column;gap:20px;margin-bottom:32px;padding-left:20px;display:flex}.rh-timeline-step{align-items:flex-start;gap:16px;display:flex;position:relative}.rh-timeline-step:after{content:"";background:#e2e8f0;width:2px;position:absolute;top:30px;bottom:-20px;left:11px}.rh-timeline-step:last-child:after{display:none}.rh-step-circle{z-index:1;color:#fff;background:#f1f5f9;border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.rh-timeline-step.completed .rh-step-circle{background:#10b981;border-color:#10b981}.rh-timeline-step.active .rh-step-circle{color:#2563eb;background:#fff;border-color:#2563eb}.rh-step-text{flex-direction:column;display:flex}.rh-step-text strong{color:#0f172a;font-size:.92rem;font-weight:700}.rh-step-text span{color:#64748b;font-size:.82rem}.rh-timeline-step.active .rh-step-text strong{color:#2563eb}.rh-pending-info{color:#64748b;background:#f8fafc;border-radius:14px;margin-bottom:32px;padding:16px;font-size:.88rem}@media (width<=768px){.rh-stepper{flex-direction:column;align-items:flex-start;gap:16px}.rh-step-line{display:none}.rh-form-grid,.rh-amenities-grid{grid-template-columns:1fr}.rh-form-card{padding:24px}.rh-addons-grid{grid-template-columns:1fr}}.rh-floor-pricing-grid{flex-direction:column;gap:10px;margin-bottom:8px;display:flex}.rh-floor-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:12px 16px;transition:border-color .2s;display:flex}.rh-floor-row:hover{border-color:#3b82f6}.rh-floor-label{color:#374151;min-width:90px;font-size:.875rem;font-weight:600}.rh-price-input-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.rh-price-input-wrap:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.rh-input-prefix{color:#64748b;white-space:nowrap;background:#f1f5f9;border-right:1px solid #e2e8f0;padding:10px 12px;font-size:.82rem;font-weight:600}.rh-price-input-wrap input{color:#0f172a;background:0 0;outline:none;flex:1;padding:10px 12px;font-family:inherit;font-size:.875rem;border:none!important}.rh-price-suffix{color:#94a3b8;white-space:nowrap;background:#f8fafc;border-left:1px solid #e2e8f0;padding:10px 12px;font-size:.75rem;font-weight:500}.rh-addons-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:8px;display:grid}.rh-addon-card{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;padding:16px;transition:border-color .2s,box-shadow .2s}.rh-addon-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f614}.rh-addon-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.rh-addon-info{align-items:center;gap:12px;display:flex}.rh-addon-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.rh-addon-info strong{color:#0f172a;margin-bottom:2px;font-size:.875rem;font-weight:700;display:block}.rh-addon-info p{color:#64748b;margin:0;font-size:.75rem}.rh-toggle-switch{cursor:pointer;flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.rh-toggle-switch input{opacity:0;width:0;height:0}.rh-toggle-slider{background:#cbd5e1;border-radius:24px;transition:background .25s;position:absolute;inset:0}.rh-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .25s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.rh-toggle-switch input:checked+.rh-toggle-slider{background:#10b981}.rh-toggle-switch input:checked+.rh-toggle-slider:before{transform:translate(20px)}.rh-pricing-preview{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:1.5px solid #bfdbfe;border-radius:14px;margin-top:8px;padding:20px}.rh-pricing-preview h4{color:#1d4ed8;margin:0 0 14px;font-size:.9rem;font-weight:700}.rh-preview-row{color:#475569;border-bottom:1px dashed #e2e8f0;justify-content:space-between;align-items:center;padding:8px 0;font-size:.875rem;display:flex}.rh-preview-row:last-child{border-bottom:none}.rh-preview-row strong{color:#0f172a;font-weight:700}.rh-preview-row.total{border-top:2px solid #bfdbfe;border-bottom:none;margin-top:8px;padding-top:12px}.rh-preview-row.total span{color:#0f172a;font-size:.95rem;font-weight:700}.rh-preview-row.total strong{color:#1d4ed8;font-size:1.1rem}.mr-page{padding:0}.mr-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.mr-subtitle{color:#64748b;margin:4px 0 0;font-size:.9rem}.mr-add-btn{white-space:nowrap;align-items:center;gap:8px;display:flex}.mr-stats-strip{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:0;margin-bottom:20px;padding:16px 24px;display:flex;box-shadow:0 1px 4px #0f172a0f}.mr-stat-item{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.mr-stat-num{color:#0f172a;font-size:1.5rem;font-weight:800;line-height:1}.mr-stat-lbl{color:#64748b;font-size:.75rem;font-weight:500}.mr-stat-divider{background:#e2e8f0;width:1px;height:40px;margin:0 8px}.mr-filters-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.mr-filter-group{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;display:flex}.mr-filter-select{color:#334155;cursor:pointer;background:0 0;border:none;outline:none;font-size:.875rem;font-weight:500}.mr-result-count{color:#94a3b8;margin-left:auto;font-size:.82rem;font-weight:500}.mr-cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.mr-room-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 2px 8px #0f172a0f}.mr-room-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0f172a1f}.mr-room-card.card-maintenance{background:#fff5f5;border-color:#fca5a5}.mr-room-card.card-reserved{background:#fffbeb;border-color:#fcd34d}.mr-card-img-wrap{height:160px;position:relative;overflow:hidden}.mr-card-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.mr-room-card:hover .mr-card-img{transform:scale(1.04)}.mr-card-status-badge{letter-spacing:.03em;border-radius:20px;padding:4px 10px;font-size:.72rem;font-weight:700;position:absolute;top:10px;left:10px}.mr-card-status-badge.active{color:#16a34a;background:#dcfce7}.mr-card-status-badge.maintenance{color:#dc2626;background:#fee2e2}.mr-card-status-badge.reserved{color:#d97706;background:#fef3c7}.mr-mattress-badge{color:#fff;background:#f59e0be6;border-radius:20px;padding:3px 8px;font-size:.68rem;font-weight:700;position:absolute;top:10px;right:10px}.mr-card-body{padding:16px}.mr-card-top{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.mr-card-name{color:#0f172a;margin:0 0 2px;font-size:.95rem;font-weight:700}.mr-card-sub{color:#94a3b8;font-size:.78rem}.mr-card-actions{flex-shrink:0;gap:6px;display:flex}.mr-icon-btn{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.mr-icon-btn.edit:hover{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.mr-icon-btn.delete:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.mr-card-info-row{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.mr-info-pill{color:#475569;background:#f1f5f9;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:500;display:flex}.mr-info-pill.ac-pill{color:#3b82f6;background:#eff6ff}.mr-card-pricing{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;display:flex}.mr-price-block{flex-direction:column;flex:1;gap:1px;min-width:80px;display:flex}.mr-price-lbl{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:600}.mr-price-val{color:#0f172a;font-size:.9rem;font-weight:700}.mr-price-val.total-price{color:#3b82f6}.mr-price-divider{background:#e2e8f0;width:1px;height:32px}.mr-avail-badge{border-radius:20px;align-items:center;padding:5px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.mr-avail-badge.available{color:#16a34a;background:#dcfce7}.mr-avail-badge.full,.mr-avail-badge.maintenance{color:#dc2626;background:#fee2e2}.mr-avail-badge.reserved{color:#d97706;background:#fef3c7}.mr-empty-state{color:#94a3b8;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:16px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.mr-empty-state h3{color:#64748b;margin:0}.mr-empty-state p{margin:0;font-size:.875rem}.mr-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.mr-modal{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:660px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 40px -8px #0f172a40}.mr-modal-header{border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:22px 28px;display:flex}.mr-modal-header h2{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.mr-close-btn{cursor:pointer;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.mr-close-btn:hover{color:#ef4444;background:#fee2e2;border-color:#ef4444}.mr-modal-body{flex:1;padding:24px 28px;overflow-y:auto}.mr-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.mr-input-group{flex-direction:column;gap:6px;display:flex}.mr-input-group.full-width{grid-column:1/-1}.mr-input-group label{color:#374151;letter-spacing:.01em;font-size:.82rem;font-weight:600}.mr-input-group input,.mr-input-group select,.mr-input-group textarea{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:10px 12px;font-family:inherit;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.mr-input-group input:focus,.mr-input-group select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.mr-section-divider{align-items:center;gap:12px;margin:4px 0;display:flex}.mr-section-divider:before,.mr-section-divider:after{content:"";background:#e2e8f0;flex:1;height:1px}.mr-section-divider span{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-size:.75rem;font-weight:700}.mr-input-wrapper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.mr-input-wrapper:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.mr-input-prefix{color:#64748b;white-space:nowrap;background:#f1f5f9;border-right:1px solid #e2e8f0;padding:10px 12px;font-size:.82rem;font-weight:600}.mr-input-wrapper input{flex:1;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.mr-auto-price{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:1px solid #bfdbfe;border-radius:10px;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.mr-auto-price span:first-child{color:#1d4ed8;font-size:1rem;font-weight:700}.mr-auto-hint{color:#64748b!important;font-size:.72rem!important;font-weight:400!important}.mr-toggle-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mr-toggle-switch{cursor:pointer;flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.mr-toggle-switch input{opacity:0;width:0;height:0}.mr-toggle-slider{background:#cbd5e1;border-radius:24px;transition:background .25s;position:absolute;inset:0}.mr-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .25s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.mr-toggle-switch input:checked+.mr-toggle-slider{background:#10b981}.mr-toggle-switch input:checked+.mr-toggle-slider:before{transform:translate(20px)}.mr-toggle-label{color:#334155;font-size:.875rem;font-weight:500}.mr-amenities-wrapper{flex-wrap:wrap;gap:8px;display:flex}.mr-amenity-chip{cursor:pointer;color:#475569;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:500;transition:all .2s;display:flex}.mr-amenity-chip input{display:none}.mr-amenity-chip:hover{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.mr-amenity-chip.selected{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6;font-weight:600}.mr-chip-addon-badge{color:#15803d;background:#dcfce7;border-radius:10px;padding:1px 6px;font-size:.7rem;font-weight:700}.mr-breakdown-card{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;overflow:hidden}.mr-breakdown-header{background:#f1f5f9;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.mr-breakdown-body{flex-direction:column;gap:8px;padding:12px 16px;display:flex}.mr-breakdown-row{color:#475569;justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.mr-breakdown-row.extra-item{background:#f0fdf4;border:1px dashed #86efac;border-radius:6px;padding:4px 8px}.mr-breakdown-divider{background:#e2e8f0;height:1px;margin:4px 0}.mr-breakdown-total{justify-content:space-between;align-items:center;padding-top:4px;display:flex}.mr-breakdown-total .total-title{color:#0f172a;font-size:.88rem;font-weight:700}.mr-breakdown-total .total-price-tag{color:#2563eb;font-size:1.15rem;font-weight:800}.mr-upload-area{text-align:center;border:2px dashed #cbd5e1;border-radius:12px;padding:24px;transition:all .2s}.mr-upload-area:hover{background:#eff6ff;border-color:#3b82f6}.mr-upload-icon{color:#94a3b8;margin:0 auto 8px;display:block}.mr-upload-area p{color:#64748b;margin:0;font-size:.875rem}.mr-modal-footer{border-top:1px solid #f1f5f9;flex-shrink:0;justify-content:flex-end;gap:12px;padding:18px 28px;display:flex}@media (width<=640px){.mr-form-grid{grid-template-columns:1fr}.mr-form-grid .full-width{grid-column:1}.mr-cards-grid{grid-template-columns:1fr}.mr-stats-strip{gap:0;padding:12px}.mr-stat-num{font-size:1.2rem}}.mb-page{flex-direction:column;gap:28px;display:flex}.mb-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.mb-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.55rem;font-weight:800}.mb-subtitle{color:#64748b;margin-top:4px;font-size:.88rem}.mb-actions{align-items:center;gap:12px;display:flex}.mb-search-box{align-items:center;display:flex;position:relative}.mb-search-box svg{color:#94a3b8;position:absolute;left:14px}.mb-search-box input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:50px;outline:none;width:260px;font-size:.9rem;transition:all .2s;padding:10px 16px 10px 40px!important}.mb-search-box input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb26}.mb-filter-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50px;align-items:center;gap:8px;padding:10px 18px;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.mb-filter-btn:hover{color:#2563eb;background:#f8fafc;border-color:#2563eb}.mb-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px -2px #0f172a0a}.mb-tabs{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:0 12px;display:flex}.mb-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:16px 20px;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.mb-tab:hover{color:#0f172a}.mb-tab.active{color:#2563eb;background:#fff;border-bottom-color:#2563eb}.mb-tab-badge{color:#fff;background:#f43f5e;border-radius:50px;padding:2px 8px;font-size:.72rem;font-weight:800}.mb-table-wrapper{overflow-x:auto}.mb-table{border-collapse:separate;border-spacing:0;width:100%}.mb-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.06em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 24px;font-size:.73rem;font-weight:700}.mb-table td{color:#0f172a;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:18px 24px;font-size:.92rem;transition:background .15s}.mb-table tr:hover td{background:#f1f5f999}.mb-user-cell{align-items:center;gap:12px;display:flex}.mb-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:.92rem;font-weight:800;display:flex}.mb-user-info{flex-direction:column;display:flex}.mb-user-info strong{color:#0f172a;font-weight:700}.mb-user-info span{color:#64748b;font-size:.78rem}.mb-badge{border-radius:50px;padding:5px 14px;font-size:.75rem;font-weight:700;display:inline-block}.mb-badge.pending{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b40}.mb-badge.approved{color:#059669;background:#10b9811f;border:1px solid #10b98140}.mb-badge.rejected{color:#f43f5e;background:#f43f5e1f;border:1px solid #f43f5e40}.mb-badge.checked_out{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.mb-table-wrapper{min-height:220px;padding-bottom:70px;overflow-x:auto}.mb-dropdown-menu{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:160px;padding:6px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 10px 25px -5px #0f172a26,0 4px 6px -2px #0f172a0d}.mb-dropdown-menu button{text-align:left;cursor:pointer;color:#334155;background:0 0;border:none;border-radius:6px;align-items:center;width:100%;padding:8px 12px;font-family:inherit;font-size:.82rem;font-weight:500;transition:background .15s,color .15s;display:flex}.mb-dropdown-menu button:hover{color:#0f172a;background:#f1f5f9}.mb-icon-btn.neutral{color:#475569}.mb-icon-btn.neutral:hover{color:#0f172a;background:#f1f5f9}.mb-action-btns{justify-content:flex-end;align-items:center;gap:8px;display:flex}.mb-icon-btn{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:50px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .18s;display:inline-flex}.mb-icon-btn.approve{color:#059669;background:#10b9811a;border-color:#10b9814d}.mb-icon-btn.approve:hover{color:#fff;background:#10b981;box-shadow:0 4px 12px #10b9814d}.mb-icon-btn.reject{color:#f43f5e;background:#f43f5e1a;border-color:#f43f5e4d}.mb-icon-btn.reject:hover{color:#fff;background:#f43f5e;box-shadow:0 4px 12px #f43f5e4d}@media (width<=768px){.mb-header{flex-direction:column;align-items:flex-start;gap:16px}.mb-actions{width:100%}.mb-search-box{flex:1}.mb-search-box input{width:100%}.mb-tabs{white-space:nowrap;overflow-x:auto}}.rt-page{flex-direction:column;gap:28px;display:flex}.rt-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.rt-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.55rem;font-weight:800}.rt-subtitle{color:#64748b;margin-top:4px;font-size:.88rem}.rt-export-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50px;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #0000000a}.rt-export-btn:hover{color:#2563eb;background:#f8fafc;border-color:#2563eb;transform:translateY(-1px)}.rt-stats-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.rt-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:18px;padding:22px 24px;transition:all .25s;display:flex;box-shadow:0 4px 16px -2px #0f172a0a}.rt-stat-card:hover{border-color:#2563eb4d;transform:translateY(-4px);box-shadow:0 12px 32px -4px #2563eb1f}.rt-stat-icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.rt-stat-info{flex-direction:column;gap:4px;display:flex}.rt-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:.73rem;font-weight:700}.rt-stat-value{color:#0f172a;margin:0;font-size:1.7rem;font-weight:800;line-height:1}.rt-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px -2px #0f172a0a}.rt-card-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:22px 26px;display:flex}.rt-search-box{align-items:center;display:flex;position:relative}.rt-search-box svg{color:#94a3b8;position:absolute;left:14px}.rt-search-box input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:50px;outline:none;width:300px;font-size:.9rem;transition:all .2s;padding:10px 16px 10px 40px!important}.rt-search-box input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb26}.rt-filters{align-items:center;gap:12px;display:flex}.rt-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:50px;outline:none;padding:8px 16px;font-size:.88rem;font-weight:600}.rt-table-wrapper{overflow-x:auto}.rt-table{border-collapse:separate;border-spacing:0;width:100%}.rt-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.06em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 24px;font-size:.73rem;font-weight:700}.rt-table td{color:#0f172a;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:18px 24px;font-size:.92rem;transition:background .15s}.rt-table tr:hover td{background:#f1f5f999}.text-right{text-align:right!important}.rt-user-cell{align-items:center;gap:12px;display:flex}.rt-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:.92rem;font-weight:800;display:flex}.rt-user-info{flex-direction:column;display:flex}.rt-user-info strong{color:#0f172a;font-weight:700}.rt-user-info span{color:#64748b;font-size:.78rem}.rt-badge{border-radius:50px;padding:5px 14px;font-size:.75rem;font-weight:700;display:inline-block}.rt-badge.paid{color:#059669;background:#10b9811f;border:1px solid #10b98140}.rt-badge.upcoming{color:#2563eb;background:#2563eb1f;border:1px solid #2563eb40}.rt-badge.overdue{color:#f43f5e;background:#f43f5e1f;border:1px solid #f43f5e40}.rt-action-link{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:.88rem;font-weight:700;transition:color .15s}.rt-action-link:hover{color:#1d4ed8;text-decoration:underline}@media (width<=992px){.rt-stats-grid{grid-template-columns:1fr}}@media (width<=768px){.rt-header{flex-direction:column;align-items:flex-start;gap:16px}.rt-card-header{flex-direction:column;align-items:stretch;gap:16px}.rt-search-box input{width:100%}}.vl-page{padding:0}.vl-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.vl-subtitle{color:#64748b;margin:4px 0 0;font-size:.9rem}.vl-actions{flex-shrink:0;gap:10px;display:flex}.vl-stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.vl-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;padding:16px 18px;transition:box-shadow .2s;display:flex;box-shadow:0 1px 4px #0f172a0f}.vl-stat-card:hover{box-shadow:0 4px 12px #0f172a1a}.vl-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.vl-stat-info{flex-direction:column;gap:1px;display:flex}.vl-stat-num{color:#0f172a;font-size:1.5rem;font-weight:800;line-height:1}.vl-stat-lbl{color:#64748b;font-size:.75rem;font-weight:500}.vl-rules-panel{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;margin-bottom:20px;transition:border-color .2s;overflow:hidden;box-shadow:0 1px 4px #0f172a0f}.vl-rules-panel.open{border-color:#3b82f6}.vl-rules-toggle{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 18px;font-family:inherit;display:flex}.vl-rules-toggle-left{color:#374151;align-items:center;gap:10px;display:flex}.vl-rules-toggle-left strong{color:#0f172a;font-size:.9rem;font-weight:700}.vl-rules-summary{color:#64748b;font-size:.8rem;font-weight:400}.vl-rules-badge{color:#16a34a;background:#dcfce7;border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:700}.vl-rules-body{background:#f8fafc;border-top:1px solid #f1f5f9;padding:16px 18px}.vl-rules-view{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.vl-rule-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;align-items:flex-start;gap:10px;min-width:160px;padding:10px 14px;display:flex}.vl-rule-icon{flex-shrink:0;font-size:1.2rem}.vl-rule-item strong{color:#0f172a;margin-bottom:2px;font-size:.8rem;font-weight:700;display:block}.vl-rule-item p{color:#64748b;margin:0;font-size:.78rem}.vl-edit-rules-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;padding:9px 16px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.vl-edit-rules-btn:hover{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6}.vl-rules-edit-grid{grid-template-columns:repeat(4,1fr);align-items:end;gap:14px;display:grid}.vl-rules-group{flex-direction:column;gap:5px;display:flex}.vl-rules-group label{color:#374151;font-size:.78rem;font-weight:600}.vl-rules-group input,.vl-rules-group select{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:9px 12px;font-family:inherit;font-size:.875rem;transition:border-color .2s}.vl-rules-group input:focus,.vl-rules-group select:focus{border-color:#3b82f6}.vl-rules-actions{align-items:center;gap:10px;display:flex}.vl-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 4px #0f172a0f}.vl-card-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px;display:flex}.vl-search-box{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:200px;padding:10px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.vl-search-box:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.vl-search-box input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.875rem}.vl-filter-group{align-items:center;gap:8px;display:flex}.vl-filter-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:.875rem;font-weight:500}.vl-table-wrapper{overflow-x:auto}.vl-table{border-collapse:collapse;width:100%;font-size:.875rem}.vl-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:13px 16px;font-size:.73rem;font-weight:700}.vl-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}.vl-table tbody tr:hover{background:#f8fafc}.vl-table tbody td{color:#334155;vertical-align:middle;padding:13px 16px}.vl-row-late{background:#fff5f5!important}.vl-row-late:hover{background:#fee2e2!important}.vl-user-info{flex-direction:column;gap:2px;display:flex}.vl-visitor-name-row{align-items:center;gap:8px;display:flex}.vl-visitor-name-row strong{color:#0f172a;font-weight:600}.vl-user-info span{color:#64748b;font-size:.78rem}.vl-cnic-text{font-family:monospace;color:#94a3b8!important;font-size:.75rem!important}.vl-late-badge{color:#ef4444;background:#fee2e2;border-radius:20px;align-items:center;gap:3px;padding:2px 8px;font-size:.7rem;font-weight:700;animation:2s infinite pulse-red;display:inline-flex}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.6}}.vl-time{align-items:center;gap:6px;font-size:.82rem;display:flex}.icon-green{color:#10b981}.icon-red{color:#ef4444}.vl-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.vl-badge.active{color:#16a34a;background:#dcfce7}.vl-badge.completed{color:#64748b;background:#f1f5f9}.vl-badge.late{color:#dc2626;background:#fee2e2}.vl-sm-btn{border-radius:8px;padding:6px 14px;font-size:.82rem}.vl-text-muted{color:#94a3b8;font-size:.8rem}.vl-modal-label{color:#374151;margin-bottom:5px;font-size:.78rem;font-weight:600;display:block}.vl-modal-input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:.875rem;transition:border-color .2s}.vl-modal-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.vl-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:50px 20px;display:flex}.vl-empty p{margin:0;font-size:.875rem}@media (width<=768px){.vl-stats-grid{grid-template-columns:repeat(2,1fr)}.vl-rules-edit-grid{grid-template-columns:1fr 1fr}.vl-rules-summary{display:none}}@media (width<=480px){.vl-stats-grid{grid-template-columns:1fr 1fr}}.res-page{padding:0}.res-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.res-subtitle{color:#64748b;margin:4px 0 0;font-size:.9rem}.res-stats-strip{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;margin-bottom:20px;padding:16px 24px;display:flex;box-shadow:0 1px 4px #0f172a0f}.res-stat{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.res-stat-num{color:#0f172a;font-size:1.5rem;font-weight:800;line-height:1}.res-stat-lbl{color:#64748b;font-size:.75rem;font-weight:500}.res-stat-div{background:#e2e8f0;width:1px;height:40px;margin:0 8px}.res-filters-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.res-search-box{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:220px;padding:10px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.res-search-box:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.res-search-box input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.875rem}.res-filter-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:.875rem;font-weight:500}.res-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 4px #0f172a0f}.res-table-wrapper{overflow-x:auto}.res-table{border-collapse:collapse;width:100%;font-size:.875rem}.res-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 16px;font-size:.75rem;font-weight:700}.res-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}.res-table tbody tr:hover{background:#f8fafc}.res-table tbody td{color:#334155;vertical-align:middle;padding:14px 16px}.res-user-cell{align-items:center;gap:12px;display:flex}.res-avatar{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.9rem;font-weight:700;display:flex}.res-user-info{flex-direction:column;gap:1px;display:flex}.res-user-info strong{color:#0f172a;font-weight:600}.res-user-info span{color:#64748b;font-size:.78rem}.res-cnic{color:#475569;font-family:monospace;font-size:.82rem}.res-room-info{color:#475569;align-items:center;gap:5px;font-size:.82rem;display:flex}.res-bed-badge{color:#3b82f6;background:#eff6ff;border-radius:10px;padding:2px 7px;font-size:.72rem;font-weight:600}.res-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.res-badge.deposit-paid{color:#16a34a;background:#dcfce7}.res-badge.deposit-pending{color:#d97706;background:#fef3c7}.res-badge.deposit-partial{color:#6366f1;background:#e0e7ff}.res-badge.deposit-waived{color:#64748b;background:#f1f5f9}.res-badge.status-active{color:#16a34a;background:#dcfce7}.res-badge.status-vacated{color:#64748b;background:#f1f5f9}.res-badge.status-suspended{color:#dc2626;background:#fee2e2}.res-action-btns{justify-content:flex-end;align-items:center;gap:6px;display:flex}.res-icon-btn{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.res-icon-btn.view:hover{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.res-icon-btn.edit:hover{color:#d97706;background:#fef3c7;border-color:#f59e0b}.res-icon-btn.vacate:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.res-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px 20px;display:flex}.res-empty h3{color:#64748b;margin:0}.res-empty p{margin:0;font-size:.875rem}.res-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.res-modal{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:680px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 40px -8px #0f172a40}.res-detail-modal{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:580px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 40px -8px #0f172a40}.res-modal-header{border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:22px 28px;display:flex}.res-modal-header h2{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.res-close-btn{cursor:pointer;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.res-close-btn:hover{color:#ef4444;background:#fee2e2;border-color:#ef4444}.res-modal-body{flex-direction:column;flex:1;gap:16px;padding:24px 28px;display:flex;overflow-y:auto}.res-modal-footer{border-top:1px solid #f1f5f9;flex-shrink:0;justify-content:flex-end;gap:12px;padding:18px 28px;display:flex}.res-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.res-input-group{flex-direction:column;gap:6px;display:flex}.res-input-group label{color:#374151;font-size:.82rem;font-weight:600}.res-input-group input,.res-input-group select{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:10px 12px;font-family:inherit;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.res-input-group input:focus,.res-input-group select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.res-section-divider{align-items:center;gap:12px;margin:4px 0 0;display:flex}.res-section-divider:before,.res-section-divider:after{content:"";background:#e2e8f0;flex:1;height:1px}.res-section-divider span{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-size:.72rem;font-weight:700}.res-docs-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.res-doc-upload{flex-direction:column;gap:6px;display:flex}.res-doc-upload>label{color:#374151;font-size:.82rem;font-weight:600}.res-upload-box{text-align:center;cursor:pointer;color:#94a3b8;border:2px dashed #cbd5e1;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:90px;padding:16px 10px;font-size:.8rem;transition:all .2s;display:flex}.res-upload-box:hover{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.res-doc-preview-img{object-fit:cover;border-radius:6px;width:100%;height:80px}.res-agreement-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.res-agreement-text p{color:#475569;margin:0;font-size:.82rem;line-height:1.6}.res-agreement-check{cursor:pointer;color:#0f172a;align-items:center;gap:10px;font-size:.875rem;font-weight:500;display:flex}.res-agreement-check input{cursor:pointer;accent-color:#3b82f6;width:16px;height:16px}.res-detail-body{flex:1;padding:24px 28px;overflow-y:auto}.res-detail-hero{align-items:center;gap:16px;margin-bottom:20px;display:flex}.res-detail-avatar{color:#fff;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;font-weight:700;display:flex}.res-detail-hero h3{color:#0f172a;margin:0 0 4px;font-size:1.1rem}.res-detail-hero p{color:#64748b;margin:0 0 6px;font-size:.875rem}.res-detail-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;padding:16px;display:grid}.res-detail-item{flex-direction:column;gap:2px;display:flex}.res-detail-item span{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-size:.72rem;font-weight:600}.res-detail-item strong{color:#0f172a;font-size:.875rem;font-weight:600}.res-doc-previews{margin-top:4px}.res-doc-previews h4{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;font-size:.85rem;font-weight:700}.res-doc-item{color:#475569;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:10px 0;font-size:.875rem;display:flex}.res-doc-thumb{object-fit:cover;border:1px solid #e2e8f0;border-radius:6px;width:60px;height:40px}.res-doc-missing{color:#94a3b8;font-size:.78rem;font-style:italic}@media (width<=640px){.res-form-grid,.res-docs-grid,.res-detail-grid{grid-template-columns:1fr}.res-stats-strip{padding:12px}.res-stat-num{font-size:1.2rem}}.mess-page{padding:0}.mess-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.mess-subtitle{color:#64748b;margin:4px 0 0;font-size:.9rem}.mess-stats-strip{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:20px;padding:16px 24px;display:flex;box-shadow:0 1px 4px #0f172a0f}.mess-stat{flex-direction:column;flex:1;align-items:center;gap:2px;min-width:100px;display:flex}.mess-stat-num{color:#0f172a;font-size:1.4rem;font-weight:800;line-height:1}.mess-stat-lbl{color:#64748b;text-align:center;font-size:.72rem;font-weight:500}.mess-stat-div{background:#e2e8f0;width:1px;height:40px;margin:0 4px}.mess-tabs{background:#f1f5f9;border-radius:12px;gap:4px;margin-bottom:20px;padding:4px;display:flex;overflow-x:auto}.mess-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.mess-tab:hover{color:#334155;background:#fff}.mess-tab.active{color:#1d4ed8;background:#fff;box-shadow:0 1px 6px #0f172a1a}.mess-plans-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.mess-plan-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:14px;padding:20px;transition:box-shadow .2s,border-color .2s;display:flex;box-shadow:0 2px 8px #0f172a0d}.mess-plan-card:hover{box-shadow:0 6px 20px #0f172a1a}.mess-plan-card.disabled{opacity:.5}.mess-plan-card.editing{border-color:#3b82f6}.mess-plan-top{align-items:flex-start;gap:12px;display:flex}.mess-plan-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex}.mess-plan-header-info{flex:1}.mess-plan-header-info h3{color:#0f172a;margin:0 0 3px;font-size:1rem;font-weight:700}.mess-plan-header-info p{color:#64748b;margin:0;font-size:.78rem}.mess-toggle{cursor:pointer;flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.mess-toggle input{opacity:0;width:0;height:0}.mess-toggle-slider{background:#cbd5e1;border-radius:24px;transition:background .25s;position:absolute;inset:0}.mess-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .25s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.mess-toggle input:checked+.mess-toggle-slider{background:#10b981}.mess-toggle input:checked+.mess-toggle-slider:before{transform:translate(20px)}.mess-plan-price{align-items:baseline;gap:4px;display:flex}.mess-plan-price span:first-child{color:#0f172a;font-size:1.6rem;font-weight:800}.mess-plan-price-lbl{color:#94a3b8;font-size:.8rem}.mess-plan-meta{gap:12px;display:flex}.mess-plan-meta-item{color:#64748b;align-items:center;gap:5px;font-size:.8rem;display:flex}.mess-plan-revenue{color:#10b981;background:#ecfdf5;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:.8rem;font-weight:600;display:flex}.mess-plan-edit-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 14px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.mess-plan-edit-btn:hover{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6}.mess-plan-edit-body{flex-direction:column;gap:12px;display:flex}.mess-edit-group{flex-direction:column;gap:5px;display:flex}.mess-edit-group label{color:#374151;font-size:.78rem;font-weight:600}.mess-edit-group input,.mess-edit-group select{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:9px 12px;font-family:inherit;font-size:.875rem;transition:border-color .2s}.mess-edit-group input:focus,.mess-edit-group select:focus{background:#fff;border-color:#3b82f6}.mess-plan-edit-actions{gap:10px;display:flex}.mess-menu-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.mess-menu-header h3{color:#0f172a;margin:0;font-size:1rem;font-weight:700}.mess-menu-actions{gap:10px;display:flex}.mess-menu-grid{background:#fff;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:90px repeat(3,1fr);gap:8px;padding:16px;display:grid;box-shadow:0 1px 4px #0f172a0f}.mess-menu-meal-header{text-transform:uppercase;letter-spacing:.05em;color:#64748b;text-align:center;background:#f8fafc;border-radius:8px;padding:8px 4px;font-size:.78rem;font-weight:700}.mess-menu-day-label{color:#374151;background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;padding:8px 4px;font-size:.82rem;font-weight:700;display:flex}.mess-menu-input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:9px 10px;font-family:inherit;font-size:.8rem;transition:border-color .2s,box-shadow .2s}.mess-menu-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.mess-save-toast{color:#16a34a;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:10px;margin-top:14px;padding:12px 16px;font-size:.875rem;font-weight:600}.mess-sub-header{color:#475569;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;font-size:.875rem;display:flex}.mess-add-sub-form{background:#fff;border:1.5px solid #3b82f6;border-radius:14px;margin-bottom:16px;padding:18px}.mess-add-sub-grid{grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.mess-add-sub-actions{justify-content:flex-end;gap:10px;display:flex}.mess-sub-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 4px #0f172a0f}.mess-table-wrapper{overflow-x:auto}.mess-table{border-collapse:collapse;width:100%;font-size:.875rem}.mess-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:13px 16px;font-size:.73rem;font-weight:700}.mess-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}.mess-table tbody tr:hover{background:#f8fafc}.mess-table tbody td{color:#334155;vertical-align:middle;padding:13px 16px}.mess-plan-badge{border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.mess-plan-badge.plan-basic{color:#1d4ed8;background:#dbeafe}.mess-plan-badge.plan-standard{color:#16a34a;background:#dcfce7}.mess-plan-badge.plan-full-board{color:#7c3aed;background:#ede9fe}.mess-status-badge{border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.mess-status-badge.active{color:#16a34a;background:#dcfce7}.mess-status-badge.paused{color:#d97706;background:#fef3c7}.mess-action-btns{justify-content:flex-end;align-items:center;gap:8px;display:flex}.mess-toggle-btn{cursor:pointer;border:none;border-radius:8px;padding:5px 12px;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .2s}.mess-toggle-btn.pause{color:#d97706;background:#fef3c7}.mess-toggle-btn.pause:hover{background:#fde68a}.mess-toggle-btn.resume{color:#16a34a;background:#dcfce7}.mess-toggle-btn.resume:hover{background:#bbf7d0}.mess-delete-btn{color:#94a3b8;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.mess-delete-btn:hover{color:#ef4444;background:#fee2e2;border-color:#ef4444}.mess-att-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.mess-date-label{color:#374151;margin-bottom:4px;font-size:.78rem;font-weight:600;display:block}.mess-date-input{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:9px 12px;font-family:inherit;font-size:.875rem}.mess-att-actions{flex-wrap:wrap;gap:8px;display:flex}.mess-mark-all-btn{align-items:center;gap:5px;padding:8px 12px;font-size:.8rem;display:flex}.mess-att-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:16px;overflow:hidden;box-shadow:0 1px 4px #0f172a0f}.mess-att-btns{justify-content:center;gap:4px;display:flex}.mess-att-btn{cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.875rem;font-weight:700;transition:all .2s;display:flex}.mess-att-btn.present{color:#16a34a}.mess-att-btn.present:hover{background:#dcfce7;border-color:#16a34a}.mess-att-btn.present.selected{color:#fff;background:#16a34a;border-color:#16a34a}.mess-att-btn.absent{color:#ef4444}.mess-att-btn.absent:hover{background:#fee2e2;border-color:#ef4444}.mess-att-btn.absent.selected{color:#fff;background:#ef4444;border-color:#ef4444}.mess-count-badge{color:#1d4ed8;background:#eff6ff;border-radius:20px;padding:4px 10px;font-size:.78rem;font-weight:700;display:inline-block}.mess-att-summary{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:10px;padding:16px 20px;display:flex;box-shadow:0 1px 4px #0f172a0f}.mess-att-summary-card{align-items:center;gap:14px;display:flex}.mess-att-meal-name{color:#374151;min-width:80px;font-size:.82rem;font-weight:600}.mess-att-bar-wrap{background:#f1f5f9;border-radius:10px;flex:1;height:8px;overflow:hidden}.mess-att-bar{background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:10px;height:100%;transition:width .4s}.mess-att-pct{color:#64748b;text-align:right;min-width:90px;font-size:.78rem;font-weight:600}@media (width<=1024px){.mess-stats-strip{grid-template-columns:1fr 1fr;gap:12px}.mess-stat-div{display:none}.mess-menu-grid{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (width<=768px){.mess-plans-grid,.mess-add-sub-grid{grid-template-columns:1fr}.mess-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}.mess-header{flex-direction:column;align-items:flex-start;gap:12px}.mess-tabs{flex-wrap:nowrap;padding-bottom:8px;overflow-x:auto}.mess-tab-btn{white-space:nowrap}}@media (width<=480px){.mess-stats-strip{grid-template-columns:1fr}.mess-menu-header{flex-direction:column;align-items:flex-start;gap:12px}.mess-menu-actions{justify-content:space-between;width:100%}.mess-sub-header{flex-direction:column;align-items:flex-start;gap:12px}}.mr2-page{padding:0}.mr2-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.mr2-subtitle{color:#64748b;margin:4px 0 0;font-size:.9rem}.mr2-header-actions{flex-shrink:0;gap:10px;display:flex}.mr2-stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.mr2-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;padding:16px 18px;transition:box-shadow .2s,transform .15s;display:flex;box-shadow:0 1px 4px #0f172a0f}.mr2-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0f172a1a}.mr2-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.mr2-stat-num{color:#0f172a;font-size:1.5rem;font-weight:800;line-height:1;display:block}.mr2-stat-lbl{color:#64748b;margin-top:2px;font-size:.73rem;font-weight:500;display:block}.mr2-filters-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.mr2-search-box{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:200px;padding:10px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.mr2-search-box:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.mr2-search-box input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.875rem}.mr2-clear-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;align-items:center;padding:0;display:flex}.mr2-clear-btn:hover{color:#ef4444}.mr2-filter-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;min-width:130px;padding:10px 14px;font-family:inherit;font-size:.875rem;font-weight:500}.mr2-reset-btn{color:#ef4444;cursor:pointer;white-space:nowrap;background:#fef2f2;border:1px solid #fca5a5;border-radius:10px;padding:10px 14px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .2s}.mr2-reset-btn:hover{background:#fee2e2}.mr2-count{color:#94a3b8;white-space:nowrap;margin-left:auto;font-size:.8rem;font-weight:500}.mr2-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 4px #0f172a0f}.mr2-table-wrapper{overflow-x:auto}.mr2-table{border-collapse:collapse;width:100%;font-size:.875rem}.mr2-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:13px 16px;font-size:.72rem;font-weight:700}.mr2-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}.mr2-table tbody tr:hover{background:#f8fafc}.mr2-table tbody td{color:#334155;vertical-align:middle;padding:13px 16px}.mr2-id-badge{color:#1d4ed8;background:#eff6ff;border-radius:20px;padding:3px 10px;font-family:monospace;font-size:.75rem;font-weight:700;display:inline-block}.mr2-issue-cell{flex-direction:column;gap:1px;display:flex}.mr2-issue-cell strong{color:#0f172a;font-weight:700}.mr2-issue-cell span{color:#64748b;font-size:.78rem}.mr2-desc-preview{color:#94a3b8;margin:0;font-size:.75rem}.mr2-priority-badge{border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block}.mr2-reporter-cell{color:#475569;align-items:center;gap:5px;font-size:.82rem;display:flex}.mr2-assigned-chip{color:#16a34a;background:#f0fdf4;border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.mr2-unassigned{color:#94a3b8;font-size:.78rem;font-style:italic}.mr2-status-select{cursor:pointer;border:none;border-radius:20px;outline:none;min-width:110px;padding:5px 10px;font-family:inherit;font-size:.78rem;font-weight:700}.mr2-action-btns{justify-content:flex-end;align-items:center;gap:6px;display:flex}.mr2-icon-btn{cursor:pointer;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.mr2-icon-btn.view:hover{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.mr2-icon-btn.delete:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.mr2-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px 20px;display:flex}.mr2-empty h3{color:#64748b;margin:0}.mr2-empty p{margin:0;font-size:.875rem}.mr2-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.mr2-modal{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:560px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 40px -8px #0f172a40}.mr2-modal-lg{max-width:680px}.mr2-modal-header{border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 28px;display:flex}.mr2-modal-header h2{color:#0f172a;margin:0 0 4px;font-size:1.1rem;font-weight:700}.mr2-close{cursor:pointer;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.mr2-close:hover{color:#ef4444;background:#fee2e2;border-color:#ef4444}.mr2-modal-body{flex:1;padding:22px 28px;overflow-y:auto}.mr2-modal-footer{border-top:1px solid #f1f5f9;flex-shrink:0;justify-content:flex-end;gap:12px;padding:18px 28px;display:flex}.mr2-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.mr2-input-group{flex-direction:column;gap:5px;display:flex}.mr2-input-group.full-width{grid-column:1/-1}.mr2-input-group label{color:#374151;font-size:.8rem;font-weight:600}.mr2-input-group input,.mr2-input-group select,.mr2-input-group textarea{color:#0f172a;resize:vertical;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:9px 12px;font-family:inherit;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.mr2-input-group input:focus,.mr2-input-group select:focus,.mr2-input-group textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.mr2-upload-area{text-align:center;cursor:pointer;color:#94a3b8;border:2px dashed #cbd5e1;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:20px;font-size:.875rem;transition:all .2s;display:flex}.mr2-upload-area:hover{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.mr2-photo-preview{object-fit:cover;border-radius:8px;width:100%;max-height:150px}.mr2-detail-section-title{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;border-bottom:1px solid #f1f5f9;margin:16px 0 4px;padding-bottom:8px;font-size:.72rem;font-weight:700}.mr2-detail-section-title.full-width{grid-column:1/-1}.mr2-status-flow{background:#f8fafc;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;padding:16px;display:flex}.mr2-flow-step{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;align-items:center;gap:5px;padding:7px 14px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.mr2-flow-step:hover{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6}.mr2-flow-step.past{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.mr2-flow-step.active{font-weight:700}.mr2-flow-arrow{color:#cbd5e1;flex-shrink:0}@media (width<=1024px){.mr-stats-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.mr-header{flex-direction:column;align-items:flex-start;gap:12px}.mr-stats-grid{grid-template-columns:1fr}.mr-filters{flex-wrap:nowrap;padding-bottom:8px;overflow-x:auto}.mr-filter-btn{white-space:nowrap}.mr-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}.mr2-stats-grid{grid-template-columns:1fr 1fr}.mr2-form-grid{grid-template-columns:1fr}.mr2-form-grid .full-width{grid-column:1}.mr2-status-flow{flex-direction:column;align-items:flex-start}.mr2-flow-arrow{transform:rotate(90deg)}}@media (width<=480px){.mr-actions{justify-content:space-between;width:100%}.mr-btn-outline,.mr-btn-primary{padding:8px 12px;font-size:.8rem}.mr2-stats-grid{grid-template-columns:1fr 1fr}.mr2-header-actions{width:100%}.mr2-header-actions .btn{flex:1;justify-content:center}}.fm-page{padding:0}.fm-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.fm-subtitle{color:#64748b;margin:4px 0 0;font-size:.9rem}.fm-tabs{background:#f1f5f9;border-radius:12px;gap:4px;margin-bottom:24px;padding:4px;display:flex;overflow-x:auto}.fm-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 16px;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.fm-tab:hover{color:#334155;background:#fff}.fm-tab.active{color:#1d4ed8;background:#fff;box-shadow:0 1px 6px #0f172a1a}.fm-section-title{color:#0f172a;align-items:center;gap:8px;margin:0 0 14px;font-size:.95rem;font-weight:700;display:flex}.fm-wifi-stats{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:22px;padding:16px 24px;display:flex;box-shadow:0 1px 4px #0f172a0f}.fm-ws-card{flex-direction:column;flex:1;align-items:center;gap:2px;min-width:100px;display:flex}.fm-ws-num{color:#0f172a;font-size:1.4rem;font-weight:800;line-height:1}.fm-ws-lbl{color:#64748b;text-align:center;font-size:.72rem;font-weight:500}.fm-ws-div{background:#e2e8f0;width:1px;height:40px;margin:0 4px}.fm-tier-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.fm-tier-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:12px;padding:18px;transition:box-shadow .2s,border-color .2s;display:flex;box-shadow:0 1px 4px #0f172a0f}.fm-tier-card:hover{box-shadow:0 6px 16px #0f172a1a}.fm-tier-card.editing{border-color:#3b82f6}.fm-tier-top{align-items:center;gap:10px;display:flex}.fm-tier-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.fm-tier-name{color:#0f172a;flex:1;margin:0;font-size:1rem;font-weight:700}.fm-tier-speed{color:#0f172a;font-size:1.4rem;font-weight:800}.fm-tier-price{color:#475569;font-size:1rem;font-weight:700}.fm-tier-price span{color:#94a3b8;font-size:.75rem}.fm-tier-sub-count{text-align:center;border-radius:20px;padding:5px 12px;font-size:.78rem;font-weight:700;display:inline-block}.fm-tier-edit-body{flex-direction:column;gap:10px;display:flex}.fm-edit-group{flex-direction:column;gap:4px;display:flex}.fm-edit-group label{color:#374151;font-size:.78rem;font-weight:600}.fm-edit-group input,.fm-edit-group select{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:8px 12px;font-family:inherit;font-size:.875rem;transition:border-color .2s}.fm-edit-group input:focus,.fm-edit-group select:focus{background:#fff;border-color:#3b82f6}.fm-tier-edit-actions{gap:8px;display:flex}.fm-icon-btn{cursor:pointer;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.fm-icon-btn:hover{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.fm-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:20px;overflow:hidden;box-shadow:0 1px 4px #0f172a0f}.fm-table-wrapper{overflow-x:auto}.fm-table{border-collapse:collapse;width:100%;font-size:.875rem}.fm-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:.72rem;font-weight:700}.fm-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}.fm-table tbody tr:hover{background:#f8fafc}.fm-table tbody td{color:#334155;vertical-align:middle;padding:12px 16px}.fm-tier-badge{border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-block}.fm-status-badge{border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.fm-status-badge.active{color:#16a34a;background:#dcfce7}.fm-status-badge.suspended{color:#dc2626;background:#fee2e2}.fm-inline-select{color:#0f172a;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:6px 10px;font-family:inherit;font-size:.82rem}.fm-inline-select:focus{border-color:#3b82f6}.fm-inline-input{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;max-width:120px;padding:7px 10px;font-family:inherit;font-size:.82rem}.fm-inline-input:focus{background:#fff;border-color:#3b82f6}.fm-row-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.fm-sm-btn{padding:6px 12px!important;font-size:.78rem!important}.fm-toggle-btn{cursor:pointer;border:none;border-radius:8px;padding:5px 12px;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .2s}.fm-toggle-btn.suspend{color:#d97706;background:#fef3c7}.fm-toggle-btn.suspend:hover{background:#fde68a}.fm-toggle-btn.restore{color:#16a34a;background:#dcfce7}.fm-toggle-btn.restore:hover{background:#bbf7d0}.fm-save-row-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .2s;display:flex}.fm-save-row-btn:hover{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6}.fm-save-toast{color:#16a34a;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:10px;margin-top:12px;padding:12px 16px;font-size:.875rem;font-weight:600}.fm-parking-stats{flex-wrap:wrap;gap:14px;margin-bottom:20px;display:flex}.fm-ps-card{border:1.5px solid;border-radius:14px;flex:1;align-items:center;gap:12px;min-width:140px;padding:16px 18px;font-weight:700;display:flex}.fm-ps-card.available{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.fm-ps-card.occupied{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.fm-ps-card.total{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.fm-ps-card div{flex-direction:column;display:flex}.fm-ps-card strong{font-size:1.4rem;line-height:1}.fm-ps-card span{opacity:.8;font-size:.75rem}.fm-parking-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.fm-parking-slot{text-align:center;background:#fff;border:2px solid;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:18px;transition:box-shadow .2s;display:flex}.fm-parking-slot:hover{box-shadow:0 6px 16px #0f172a1a}.fm-parking-slot.available{background:#f0fdf4;border-color:#bbf7d0}.fm-parking-slot.occupied{background:#fef2f2;border-color:#fca5a5}.fm-slot-top{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.fm-slot-id{color:#0f172a;font-size:.9rem;font-weight:700}.fm-slot-type-badge{color:#475569;background:#f1f5f9;border-radius:20px;padding:2px 8px;font-size:.7rem;font-weight:700}.fm-slot-free{color:#16a34a}.fm-slot-taken{color:#dc2626}.fm-slot-info{flex-direction:column;align-items:center;display:flex}.fm-slot-info strong{color:#0f172a;font-size:.85rem}.fm-slot-info span{color:#64748b;font-size:.75rem}.fm-slot-info-free{color:#16a34a;font-size:.82rem;font-weight:600}.fm-slot-btn{cursor:pointer;border:none;border-radius:10px;width:100%;padding:8px;font-family:inherit;font-size:.82rem;font-weight:700;transition:all .2s}.fm-slot-btn.assign{color:#fff;background:#1d4ed8}.fm-slot-btn.assign:hover{background:#1e40af}.fm-slot-btn.release{color:#ef4444;background:#f1f5f9;border:1px solid #fca5a5}.fm-slot-btn.release:hover{background:#fee2e2}.fm-laundry-header{margin-bottom:16px}.fm-laundry-badge{color:#1d4ed8;background:#eff6ff;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.fm-power-card{text-align:center;color:#fff;background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:36px;display:flex;box-shadow:0 8px 24px #312e8159}.fm-power-icon{color:#fbbf24;background:#ffffff1f;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.fm-power-card h3{color:#fff;margin:0;font-size:1.25rem;font-weight:800}.fm-power-card p{color:#ffffffb3;max-width:380px;margin:0;font-size:.9rem}.fm-power-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.fm-power-row label{color:#ffffffe6;font-size:.875rem;font-weight:600}.fm-power-select{color:#0f172a;cursor:pointer;background:#fff;border:none;border-radius:10px;outline:none;padding:10px 16px;font-family:inherit;font-size:.875rem;font-weight:600}.fm-power-info-grid{flex-wrap:wrap;justify-content:center;gap:14px;width:100%;max-width:400px;display:flex}.fm-power-info-card{background:#ffffff1f;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:6px;min-width:100px;padding:14px;display:flex}.fm-power-info-card strong{color:#fff;font-size:1.1rem;font-weight:800}.fm-power-info-card span{color:#ffffffb3;font-size:.72rem}@media (width<=1024px){.fm-tier-grid,.fm-parking-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.fm-tier-grid{grid-template-columns:1fr}.fm-header{flex-direction:column;align-items:flex-start;gap:12px}.fm-tabs{flex-wrap:nowrap;padding-bottom:8px;overflow-x:auto}.fm-tab-btn{white-space:nowrap}.fm-wifi-stats{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}}@media (width<=480px){.fm-parking-grid{grid-template-columns:1fr}.fm-power-card{padding:24px 18px}.fm-tier-card{padding:20px}}.comp-page{padding:0}.comp-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.comp-subtitle{color:#64748b;margin:4px 0 0;font-size:.9rem}.comp-stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.comp-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;padding:16px 18px;transition:box-shadow .2s,transform .15s;display:flex;box-shadow:0 1px 4px #0f172a0f}.comp-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0f172a1a}.comp-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.comp-stat-num{color:#0f172a;font-size:1.5rem;font-weight:800;line-height:1;display:block}.comp-stat-lbl{color:#64748b;margin-top:2px;font-size:.73rem;font-weight:500;display:block}.comp-tabs{background:#f1f5f9;border-radius:12px;gap:4px;margin-bottom:24px;padding:4px;display:flex;overflow-x:auto}.comp-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.comp-tab:hover{color:#334155;background:#fff}.comp-tab.active{color:#1d4ed8;background:#fff;box-shadow:0 1px 6px #0f172a1a}.comp-section-title{color:#0f172a;align-items:center;gap:8px;margin:0 0 6px;font-size:.95rem;font-weight:700;display:flex}.comp-section-desc{color:#64748b;margin:0 0 16px;font-size:.875rem}.comp-rules-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.comp-rules-actions{flex-shrink:0;gap:10px;display:flex}.comp-save-toast{color:#16a34a;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:10px;margin-bottom:14px;padding:12px 16px;font-size:.875rem;font-weight:600}.comp-rules-list{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:16px;overflow:hidden;box-shadow:0 1px 4px #0f172a0f}.comp-rule-item{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.comp-rule-item:last-child{border-bottom:none}.comp-rule-item:hover{background:#f8fafc}.comp-rule-num{color:#1d4ed8;background:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.78rem;font-weight:700;display:flex}.comp-rule-input{color:#0f172a;background:0 0;border:1px solid #0000;border-radius:8px;outline:none;flex:1;padding:6px 10px;font-family:inherit;font-size:.875rem;transition:border-color .2s,background .2s}.comp-rule-input:focus{background:#eff6ff;border-color:#3b82f6}.comp-rule-del{color:#94a3b8;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.comp-rule-del:hover{color:#ef4444;background:#fee2e2;border-color:#ef4444}.comp-add-rule-row{align-items:center;gap:12px;display:flex}.comp-add-rule-input{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.comp-add-rule-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.comp-ag-header,.comp-viol-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.comp-viol-filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.comp-viol-actions{flex-shrink:0;gap:10px;display:flex}.comp-filter-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:9px 14px;font-family:inherit;font-size:.875rem;font-weight:500}.comp-reset-btn{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fca5a5;border-radius:10px;padding:9px 14px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .2s}.comp-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 4px #0f172a0f}.comp-table-wrapper{overflow-x:auto}.comp-table{border-collapse:collapse;width:100%;font-size:.875rem}.comp-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:13px 16px;font-size:.72rem;font-weight:700}.comp-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}.comp-table tbody tr:hover{background:#f8fafc}.comp-table tbody td{color:#334155;vertical-align:middle;padding:13px 16px}.comp-resident-cell{flex-direction:column;gap:1px;display:flex}.comp-resident-cell strong{color:#0f172a;font-weight:600}.comp-resident-cell span{color:#94a3b8;font-size:.75rem}.comp-id-badge{color:#1d4ed8;background:#eff6ff;border-radius:20px;padding:3px 8px;font-family:monospace;font-size:.72rem;font-weight:700;display:inline-block}.comp-ag-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.comp-ag-badge.ag-signed{color:#16a34a;background:#dcfce7}.comp-ag-badge.ag-pending{color:#d97706;background:#fef3c7}.comp-ag-badge.ag-sent{color:#3b82f6;background:#eff6ff}.comp-severity-badge{border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block}.comp-viol-type{flex-direction:column;gap:1px;display:flex}.comp-viol-type span{color:#0f172a;font-size:.82rem;font-weight:600}.comp-viol-desc{color:#94a3b8;margin:0;font-size:.73rem}.comp-vstatus-badge{border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.comp-vstatus-badge.open{color:#dc2626;background:#fee2e2}.comp-vstatus-badge.resolved{color:#16a34a;background:#dcfce7}.comp-ag-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.comp-signed-ok{color:#16a34a;align-items:center;gap:4px;font-size:.78rem;font-weight:600;display:flex}.comp-sm-btn{padding:6px 12px!important;font-size:.78rem!important}.comp-send-btn{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-size:.78rem;font-weight:600;transition:background .2s;display:flex}.comp-send-btn:hover{background:#1e40af}.comp-action-btns{justify-content:flex-end;align-items:center;gap:6px;display:flex}.comp-resolve-btn{cursor:pointer;border:none;border-radius:8px;padding:5px 12px;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .2s}.comp-resolve-btn.resolve{color:#16a34a;background:#dcfce7}.comp-resolve-btn.resolve:hover{background:#bbf7d0}.comp-resolve-btn.reopen{color:#d97706;background:#fef3c7}.comp-resolve-btn.reopen:hover{background:#fde68a}.comp-del-btn{color:#94a3b8;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.comp-del-btn:hover{color:#ef4444;background:#fee2e2;border-color:#ef4444}.comp-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px 20px;display:flex}.comp-empty h3{color:#64748b;margin:0}.comp-empty p{margin:0;font-size:.875rem}.comp-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.comp-modal{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:620px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 40px -8px #0f172a40}.comp-modal-header{border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:22px 28px;display:flex}.comp-modal-header h2{color:#0f172a;margin:0;font-size:1.1rem;font-weight:700}.comp-close-btn{cursor:pointer;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.comp-close-btn:hover{color:#ef4444;background:#fee2e2;border-color:#ef4444}.comp-modal-body{flex:1;padding:24px 28px;overflow-y:auto}.comp-modal-footer{border-top:1px solid #f1f5f9;flex-shrink:0;justify-content:flex-end;gap:12px;padding:18px 28px;display:flex}.comp-agreement-doc{background:#fffbf0;border:1px solid #e9d88a;border-radius:12px;padding:28px;font-family:Georgia,serif;line-height:1.7}.comp-agreement-doc h2{text-align:center;color:#1e1b4b;margin:0 0 12px;font-size:1.3rem}.comp-doc-intro{color:#475569;margin-bottom:16px;font-size:.9rem}.comp-agreement-doc h4{color:#1e1b4b;margin:0 0 8px;font-size:1rem}.comp-agreement-doc ol{margin:0 0 20px;padding-left:20px}.comp-agreement-doc ol li{color:#334155;margin-bottom:8px;font-size:.875rem}.comp-sig-area{border-top:1px solid #e2e8f0;gap:20px;margin-top:24px;padding-top:20px;display:flex}.comp-sig-block{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.comp-sig-line{background:#334155;width:100%;height:1px;margin-bottom:4px}.comp-sig-block span{color:#64748b;font-size:.75rem}.comp-viol-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.comp-input-group{flex-direction:column;gap:5px;display:flex}.comp-input-group.full-width{grid-column:1/-1}.comp-input-group label{color:#374151;font-size:.8rem;font-weight:600}.comp-input-group input,.comp-input-group select,.comp-input-group textarea{color:#0f172a;resize:vertical;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:9px 12px;font-family:inherit;font-size:.875rem;transition:border-color .2s}.comp-input-group input:focus,.comp-input-group select:focus,.comp-input-group textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}@media (width<=1024px){.comp-stats-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.comp-stats-grid{grid-template-columns:1fr}.comp-header{flex-direction:column;align-items:flex-start;gap:12px}.comp-tabs{flex-wrap:nowrap;padding-bottom:8px;overflow-x:auto}.comp-tab-btn{white-space:nowrap}.comp-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}}@media (width<=480px){.comp-actions{justify-content:space-between;width:100%}.comp-btn-outline,.comp-btn-primary{padding:8px 12px;font-size:.8rem}.comp-doc-card{flex-direction:column;align-items:flex-start}}.comm-page{padding:0}.comm-header{margin-bottom:24px}.comm-subtitle{color:#64748b;margin-top:4px;font-size:.9rem}.comm-tabs{background:#f1f5f9;border-radius:12px;gap:4px;margin-bottom:24px;padding:4px;display:flex}.comm-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.comm-tab:hover{color:#334155;background:#fff}.comm-tab.active{color:#1d4ed8;background:#fff;box-shadow:0 1px 6px #0f172a1a}.comm-toolbar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.comm-search{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;width:300px;padding:8px 16px;display:flex}.comm-search input{border:none;outline:none;width:100%;font-size:.9rem}.comm-toast{color:#16a34a;background:#dcfce7;border:1px solid #16a34a;border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 20px;font-weight:600;display:flex}.comm-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 4px 12px #0000000d}.comm-form-card h3{color:#0f172a;margin:0 0 16px}.comm-form-row{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.comm-input-group{flex-direction:column;gap:6px;display:flex}.comm-input-group label{color:#475569;font-size:.85rem;font-weight:600}.comm-input-group input,.comm-input-group select,.comm-input-group textarea{border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:10px 14px;font-family:inherit}.comm-input-group input:focus,.comm-input-group select:focus,.comm-input-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.comm-form-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.comm-list{flex-direction:column;gap:16px;display:flex}.comm-notice-card{background:#fff;border:1px solid #e2e8f0;border-left:4px solid;border-radius:12px;gap:16px;padding:20px;display:flex;box-shadow:0 2px 8px #00000005}.comm-notice-card.type-info{border-left-color:#3b82f6}.comm-notice-card.type-warning{border-left-color:#f59e0b}.comm-notice-card.type-success{border-left-color:#10b981}.comm-notice-card.type-danger{border-left-color:#ef4444}.comm-notice-icon{margin-top:2px}.type-info .comm-notice-icon{color:#3b82f6}.type-warning .comm-notice-icon{color:#f59e0b}.type-success .comm-notice-icon{color:#10b981}.type-danger .comm-notice-icon{color:#ef4444}.comm-notice-content{flex:1}.comm-notice-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.comm-notice-header h4{color:#0f172a;margin:0;font-size:1.1rem}.comm-notice-date{color:#64748b;align-items:center;gap:4px;font-size:.8rem;display:flex}.comm-notice-msg{color:#475569;margin:0 0 12px;font-size:.95rem;line-height:1.5}.comm-notice-footer{justify-content:space-between;align-items:center;display:flex}.comm-audience-badge{color:#475569;background:#f1f5f9;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600}.comm-icon-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px;transition:all .2s}.comm-icon-btn:hover{color:#ef4444;background:#fee2e2}.comm-contacts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.comm-contact-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 2px 8px #00000005}.comm-contact-avatar{color:#4f46e5;background:#e0e7ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.4rem;font-weight:700;display:flex}.comm-contact-info h4{color:#0f172a;margin:0 0 2px;font-size:1.05rem}.comm-contact-role{color:#3b82f6;font-size:.8rem;font-weight:600}.comm-contact-details{color:#475569;flex-direction:column;gap:4px;margin-top:10px;font-size:.85rem;display:flex}@media (width<=1024px){.comm-layout{flex-direction:column;height:auto;min-height:80vh}.comm-sidebar{border-bottom:1px solid #e2e8f0;border-right:none;width:100%}.comm-chat-area{min-height:500px}}@media (width<=768px){.comm-header{flex-direction:column;align-items:flex-start;gap:12px}.comm-tabs{flex-wrap:nowrap;padding-bottom:8px;overflow-x:auto}.comm-tab-btn{white-space:nowrap}.comm-chat-header{flex-wrap:wrap}}@media (width<=480px){.comm-msg-bubble{max-width:90%}}.ad-page{box-sizing:border-box;flex-direction:column;gap:28px;width:100%;max-width:100%;display:flex}.ad-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ad-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.65rem;font-weight:800}.ad-subtitle{color:#64748b;margin:4px 0 0;font-size:.9rem}.ad-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ad-qa-btn{border:1.5px solid #0000;border-radius:50px;align-items:center;gap:8px;padding:10px 20px;font-size:.88rem;font-weight:800;text-decoration:none;transition:all .22s cubic-bezier(.25,1,.5,1);display:inline-flex}.qa-primary{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 4px 16px #2563eb59}.qa-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed73}.qa-warning{color:#d97706;background:#f59e0b26;border-color:#f59e0b4d}.qa-warning:hover{background:#f59e0b40;transform:translateY(-2px)}.ad-stats-grid{grid-template-columns:repeat(3,1fr);gap:20px;width:100%;display:grid}.ad-stat-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-sizing:border-box;border-radius:22px;padding:24px;transition:all .25s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden;box-shadow:0 4px 20px -2px #0f172a0d}.ad-stat-card:first-child{background:linear-gradient(135deg,#2563eb1f 0%,#fff 80%);border:1.5px solid #2563eb40}.ad-stat-card:nth-child(2){background:linear-gradient(135deg,#f59e0b1f 0%,#fff 80%);border:1.5px solid #f59e0b40}.ad-stat-card:nth-child(3){background:linear-gradient(135deg,#10b9811f 0%,#fff 80%);border:1.5px solid #10b98140}.ad-stat-card:nth-child(4){background:linear-gradient(135deg,#7c3aed1f 0%,#fff 80%);border:1.5px solid #7c3aed40}.ad-stat-card:nth-child(5){background:linear-gradient(135deg,#ec48991f 0%,#fff 80%);border:1.5px solid #ec489940}.ad-stat-card:nth-child(6){background:linear-gradient(135deg,#f973161f 0%,#fff 80%);border:1.5px solid #f9731640}.ad-stat-card:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 16px 36px -4px #2563eb2e}.ad-stat-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.ad-stat-label{text-transform:uppercase;letter-spacing:.06em;color:#475569;margin:0 0 8px;font-size:.75rem;font-weight:800}.ad-stat-value{color:#0f172a;letter-spacing:-.03em;margin:0;font-size:2rem;font-weight:800;line-height:1}.ad-stat-sub{color:#64748b;margin:6px 0 0;font-size:.8rem;font-weight:600}.ad-stat-icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .25s;display:flex;box-shadow:0 6px 16px #00000026;color:#fff!important}.ad-stat-card:hover .ad-stat-icon{transform:scale(1.12)rotate(-5deg)}.ad-stat-trend{border-top:1px solid #e2e8f0cc;align-items:center;gap:5px;padding-top:12px;font-size:.8rem;font-weight:800;display:flex}.ad-stat-trend.up{color:#059669}.ad-stat-trend.down{color:#f43f5e}.ad-charts-row{grid-template-columns:1fr 1fr;gap:20px;width:100%;display:grid}.ad-chart-card{box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0e6;border-radius:24px;padding:26px;position:relative;overflow:hidden;box-shadow:0 4px 20px -2px #0f172a0d}.ad-chart-card:before{content:"";background:linear-gradient(90deg,#2563eb,#7c3aed,#ec4899);width:100%;height:4px;position:absolute;top:0;left:0}.ad-chart-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.ad-card-title{color:#0f172a;margin:0;font-size:1.05rem;font-weight:800}.ad-card-sub{color:#64748b;margin:3px 0 0;font-size:.8rem}.ad-badge{border-radius:50px;padding:5px 14px;font-size:.75rem;font-weight:800;display:inline-block}.ad-badge.blue{color:#2563eb;background:#2563eb26;border:1px solid #2563eb4d}.ad-badge.purple{color:#7c3aed;background:#7c3aed26;border:1px solid #7c3aed4d}.ad-badge.green{color:#059669;background:#10b98126;border:1px solid #10b9814d}.ad-chart-wrap{-webkit-overflow-scrolling:touch;box-sizing:border-box;width:100%;overflow-x:auto}.ad-svg{width:100%;min-width:280px;height:auto;display:block}.ad-bottom-row{grid-template-columns:1.55fr 1fr;gap:20px;width:100%;display:grid}.ad-approvals-card,.ad-activity-card{box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0e6;border-radius:24px;flex-direction:column;gap:18px;padding:26px;display:flex;box-shadow:0 4px 20px -2px #0f172a0d}.ad-card-header{justify-content:space-between;align-items:flex-start;display:flex}.ad-view-all{color:#2563eb;align-items:center;gap:4px;font-size:.82rem;font-weight:800;text-decoration:none;transition:opacity .15s;display:inline-flex}.ad-view-all:hover{opacity:.8;text-decoration:underline}.ad-approval-list{flex-direction:column;gap:14px;display:flex}.ad-approval-row{background:linear-gradient(135deg,#f8fafccc 0%,#f1f5f980 100%);border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:14px;padding:14px 18px;transition:all .2s;display:flex}.ad-approval-row:hover{background:#fff;border-color:#2563eb;box-shadow:0 6px 20px #2563eb1a}.ad-approval-img{object-fit:cover;border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;width:56px;height:44px}.ad-approval-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.ad-approval-info strong{color:#0f172a;font-size:.92rem;font-weight:800}.ad-approval-info span{color:#64748b;align-items:center;gap:4px;font-size:.8rem;display:flex}.ad-approval-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.ad-approval-time{color:#94a3b8;align-items:center;gap:4px;font-size:.75rem;font-weight:600;display:flex}.ad-approval-btns{gap:6px;display:flex}.ad-btn-approve{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:50px;align-items:center;gap:4px;padding:6px 14px;font-size:.78rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 3px 10px #10b9814d}.ad-btn-approve:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.ad-btn-reject{color:#f43f5e;cursor:pointer;background:#f43f5e14;border:1.5px solid #f43f5e4d;border-radius:50px;align-items:center;gap:4px;padding:6px 14px;font-size:.78rem;font-weight:800;transition:all .2s;display:inline-flex}.ad-btn-reject:hover{color:#fff;background:#f43f5e;box-shadow:0 4px 12px #f43f5e59}.ad-empty{color:#64748b;text-align:center;flex-direction:column;align-items:center;gap:10px;padding:40px;font-size:.9rem;display:flex}.ad-empty p{max-width:240px;line-height:1.5}.ad-activity-list{flex-direction:column;gap:14px;display:flex}.ad-activity-item{align-items:flex-start;gap:12px;display:flex}.ad-activity-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 3px 8px #0000001a}.ad-activity-body p{color:#0f172a;margin:0 0 2px;font-size:.85rem;font-weight:600;line-height:1.4}.ad-activity-body span{color:#94a3b8;font-size:.75rem}.ad-quick-grid{border-top:1px solid #f1f5f9;grid-template-columns:1fr 1fr;gap:10px;padding-top:12px;display:grid}.ad-quick-item{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:8px;padding:11px 16px;font-size:.85rem;font-weight:800;text-decoration:none;transition:all .2s;display:flex}.ad-quick-item:hover{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-color:#0000;transform:translateY(-2px);box-shadow:0 6px 18px #2563eb4d}@media (width<=1200px){.ad-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.ad-charts-row,.ad-bottom-row{grid-template-columns:1fr}}@media (width<=640px){.ad-stats-grid{grid-template-columns:1fr}.ad-approval-row{flex-wrap:wrap}.ad-approval-meta{flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%}.ad-chart-card,.ad-approvals-card,.ad-activity-card{border-radius:18px;padding:20px 16px}.ad-stat-card{padding:18px 16px}.ad-stat-value{font-size:1.8rem}.ad-quick-grid{grid-template-columns:1fr}}.mh-page{flex-direction:column;gap:28px;display:flex}.mh-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.mh-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.55rem;font-weight:800}.mh-subtitle{color:#64748b;margin:4px 0 0;font-size:.88rem}.mh-header-stats{flex-wrap:wrap;gap:10px;display:flex}.mh-mini-stat{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:50px;align-items:center;gap:6px;padding:6px 16px;font-size:.82rem;font-weight:700;display:inline-flex;box-shadow:0 1px 3px #0000000a}.mh-mini-stat.green{color:#059669;background:#10b9811a;border-color:#10b98140}.mh-mini-stat.orange{color:#d97706;background:#f59e0b1a;border-color:#f59e0b40}.mh-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.mh-tabs{background:#fff;border:1px solid #e2e8f0;border-radius:50px;gap:4px;padding:4px;display:flex;box-shadow:0 1px 3px #0000000a}.mh-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50px;align-items:center;gap:6px;padding:7px 16px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.mh-tab.active{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 4px 12px #2563eb4d}.mh-tab-count{background:#00000014;border-radius:50px;padding:1px 7px;font-size:.72rem}.mh-tab.active .mh-tab-count{color:#fff;background:#ffffff40}.mh-search-wrap{position:relative}.mh-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.mh-search{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:50px;outline:none;min-width:280px;padding:9px 16px 9px 40px;font-size:.88rem;transition:all .2s}.mh-search:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb26}.mh-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px -2px #0f172a0a}.mh-table-wrap{overflow-x:auto}.mh-table{border-collapse:separate;border-spacing:0;width:100%;font-size:.88rem}.mh-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.mh-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:#64748b;white-space:nowrap;padding:14px 20px;font-size:.72rem;font-weight:700}.mh-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}.mh-table tbody tr:hover{background:#f1f5f999}.mh-table td{color:#0f172a;vertical-align:middle;padding:16px 20px}.mh-hostel-cell{align-items:center;gap:12px;display:flex}.mh-thumb{object-fit:cover;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;width:52px;height:42px}.mh-hostel-name{color:#0f172a;font-size:.92rem;font-weight:700}.mh-city{color:#64748b;align-items:center;gap:4px;font-size:.85rem;display:flex}.mh-badge{border-radius:50px;align-items:center;padding:4px 12px;font-size:.74rem;font-weight:700;display:inline-flex}.mh-badge-active{color:#059669;background:#10b9811f;border:1px solid #10b98140}.mh-badge-pending{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b40}.mh-badge-inactive{color:#64748b;background:#64748b1f;border:1px solid #64748b40}.mh-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mh-btn{cursor:pointer;white-space:nowrap;border:1.5px solid #0000;border-radius:50px;justify-content:center;align-items:center;gap:4px;padding:6px 14px;font-size:.78rem;font-weight:700;transition:all .18s;display:inline-flex}.mh-btn.approve{color:#059669;background:#10b9811a;border-color:#10b9814d}.mh-btn.approve:hover{color:#fff;background:#10b981;box-shadow:0 4px 12px #10b9814d}.mh-btn.reject{color:#f43f5e;background:#f43f5e1a;border-color:#f43f5e4d}.mh-btn.reject:hover{color:#fff;background:#f43f5e;box-shadow:0 4px 12px #f43f5e4d}.mh-btn.deactivate{color:#f43f5e;background:#f43f5e1a;border-color:#f43f5e4d}.mh-btn.deactivate:hover{color:#fff;background:#f43f5e}.mh-btn.reactivate{color:#2563eb;background:#2563eb1a;border-color:#2563eb4d}.mh-btn.reactivate:hover{color:#fff;background:#2563eb}.mh-btn.view{color:#64748b;background:#f8fafc;border-color:#e2e8f0;width:34px;padding:6px}.mh-btn.view:hover{color:#fff;background:#2563eb;border-color:#2563eb}.mh-pagination{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.mh-page-info{color:#64748b;font-size:.82rem;font-weight:600}.mh-page-btns{gap:6px;display:flex}.mh-page-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.82rem;font-weight:700;transition:all .18s;display:flex}.mh-page-btn:hover:not(:disabled),.mh-page-btn.active{color:#fff;background:#2563eb;border-color:#2563eb}.mh-page-btn:disabled{opacity:.4;cursor:not-allowed}@media (width<=768px){.mh-controls{flex-direction:column;align-items:stretch}.mh-search{min-width:unset;width:100%}}.mu-page{flex-direction:column;gap:28px;display:flex}.mu-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.mu-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.55rem;font-weight:800}.mu-subtitle{color:#64748b;margin:4px 0 0;font-size:.88rem}.mu-header-stats{flex-wrap:wrap;gap:10px;display:flex}.mu-mini-stat{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:50px;align-items:center;gap:6px;padding:6px 16px;font-size:.82rem;font-weight:700;display:inline-flex;box-shadow:0 1px 3px #0000000a}.mu-mini-stat.green{color:#059669;background:#10b9811a;border-color:#10b98140}.mu-mini-stat.blue{color:#2563eb;background:#2563eb1a;border-color:#2563eb40}.mu-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.mu-tabs{background:#fff;border:1px solid #e2e8f0;border-radius:50px;gap:4px;padding:4px;display:flex;box-shadow:0 1px 3px #0000000a}.mu-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50px;align-items:center;gap:6px;padding:7px 16px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.mu-tab.active{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 4px 12px #2563eb4d}.mu-tab-count{background:#00000014;border-radius:50px;padding:1px 7px;font-size:.72rem}.mu-tab.active .mu-tab-count{color:#fff;background:#ffffff40}.mu-search-wrap{position:relative}.mu-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.mu-search{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:50px;outline:none;min-width:280px;padding:9px 16px 9px 40px;font-size:.88rem;transition:all .2s}.mu-search:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb26}.mu-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px -2px #0f172a0a}.mu-table-wrap{overflow-x:auto}.mu-table{border-collapse:separate;border-spacing:0;width:100%;font-size:.88rem}.mu-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.mu-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:#64748b;white-space:nowrap;padding:14px 20px;font-size:.72rem;font-weight:700}.mu-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}.mu-table tbody tr:hover{background:#f1f5f999}.mu-table td{color:#0f172a;vertical-align:middle;padding:16px 20px}.mu-user-cell{align-items:center;gap:12px;display:flex}.mu-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.92rem;font-weight:800;display:flex}.mu-user-info{flex-direction:column;gap:2px;display:flex}.mu-user-info strong{color:#0f172a;font-size:.9rem;font-weight:700}.mu-user-info span{color:#64748b;font-size:.78rem}.mu-role-badge{border-radius:50px;align-items:center;gap:4px;padding:4px 12px;font-size:.74rem;font-weight:700;display:inline-flex}.mu-role-badge.owner{color:#2563eb;background:#2563eb1f;border:1px solid #2563eb40}.mu-role-badge.student{color:#059669;background:#10b9811f;border:1px solid #10b98140}.mu-status-badge{border-radius:50px;padding:4px 12px;font-size:.74rem;font-weight:700;display:inline-block}.mu-status-badge.active{color:#059669;background:#10b9811f;border:1px solid #10b98140}.mu-status-badge.suspended{color:#f43f5e;background:#f43f5e1f;border:1px solid #f43f5e40}.mu-action-btn{cursor:pointer;border:1.5px solid #0000;border-radius:50px;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:700;transition:all .18s;display:inline-flex}.mu-action-btn.suspend{color:#f43f5e;background:#f43f5e1a;border-color:#f43f5e4d}.mu-action-btn.suspend:hover{color:#fff;background:#f43f5e}.mu-action-btn.activate{color:#059669;background:#10b9811a;border-color:#10b9814d}.mu-action-btn.activate:hover{color:#fff;background:#10b981}.mu-pagination{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.mu-page-info{color:#64748b;font-size:.82rem;font-weight:600}.mu-page-btns{gap:6px;display:flex}.mu-page-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.82rem;font-weight:700;transition:all .18s;display:flex}.mu-page-btn:hover:not(:disabled),.mu-page-btn.active{color:#fff;background:#2563eb;border-color:#2563eb}.mu-page-btn:disabled{opacity:.4;cursor:not-allowed}@media (width<=768px){.mu-controls{flex-direction:column;align-items:stretch}.mu-search{min-width:unset;width:100%}}.rp-page{flex-direction:column;gap:28px;display:flex}.rp-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.rp-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.55rem;font-weight:800}.rp-subtitle{color:#64748b;margin:4px 0 0;font-size:.88rem}.rp-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rp-period-tabs{background:#fff;border:1px solid #e2e8f0;border-radius:50px;gap:4px;padding:4px;display:flex;box-shadow:0 1px 3px #0000000a}.rp-period-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50px;padding:7px 16px;font-size:.85rem;font-weight:700;transition:all .2s}.rp-period-btn.active{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 4px 12px #2563eb4d}.rp-export-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50px;align-items:center;gap:6px;padding:8px 18px;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #0000000a}.rp-export-btn:hover{color:#2563eb;background:#f8fafc;border-color:#2563eb}.rp-export-btn.pdf{color:#f43f5e;background:#f43f5e14;border-color:#f43f5e40}.rp-export-btn.pdf:hover{color:#fff;background:#f43f5e;box-shadow:0 4px 12px #f43f5e4d}.rp-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.rp-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:22px 24px;transition:all .25s;box-shadow:0 4px 16px -2px #0f172a0a}.rp-stat-card:hover{border-color:#2563eb4d;transform:translateY(-4px);box-shadow:0 12px 32px -4px #2563eb1f}.rp-stat-label{text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin:0 0 8px;font-size:.73rem;font-weight:700}.rp-stat-value{letter-spacing:-.03em;color:#0f172a;margin:0 0 8px;font-size:1.8rem;font-weight:800}.rp-stat-change{border-radius:50px;align-items:center;gap:4px;padding:3px 8px;font-size:.78rem;font-weight:700;display:inline-flex}.rp-stat-change.up{color:#059669;background:#10b9811f}.rp-stat-change.down{color:#f43f5e;background:#f43f5e1f}.rp-charts-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.rp-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px;box-shadow:0 4px 16px -2px #0f172a0a}.rp-chart-hdr{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.rp-card-title{color:#0f172a;margin:0;font-size:1rem;font-weight:800}.rp-card-sub{color:#64748b;margin:3px 0 0;font-size:.78rem}.rp-badge{border-radius:50px;padding:4px 12px;font-size:.73rem;font-weight:700}.rp-badge.blue{color:#2563eb;background:#2563eb1a}.rp-badge.purple{color:#7c3aed;background:#7c3aed1a}.rp-badge.green{color:#059669;background:#10b9811a}.rp-svg{width:100%;height:auto;display:block}.rp-row2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.rp-cities-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px;box-shadow:0 4px 16px -2px #0f172a0a}.rp-cities-list{flex-direction:column;gap:14px;display:flex}.rp-city-row{grid-template-columns:120px 1fr 90px;align-items:center;gap:14px;display:grid}.rp-city-info{color:#0f172a;align-items:center;gap:6px;font-size:.88rem;font-weight:700;display:flex}.rp-city-rank{color:#94a3b8;min-width:18px;font-size:.75rem;font-weight:800}.rp-city-bar-wrap{background:#f1f5f9;border-radius:50px;height:8px;overflow:hidden}.rp-city-bar{background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:50px;height:100%;transition:width .8s cubic-bezier(.25,1,.5,1)}.rp-city-meta{text-align:right}.rp-city-bookings{color:#0f172a;font-size:.88rem;font-weight:800;display:block}.rp-city-hostels{color:#64748b;font-size:.75rem}@media (width<=1100px){.rp-stats-grid{grid-template-columns:repeat(2,1fr)}.rp-charts-row,.rp-row2{grid-template-columns:1fr}}@media (width<=640px){.rp-stats-grid{grid-template-columns:1fr}.rp-city-row{grid-template-columns:90px 1fr 80px}}.st-page{flex-direction:column;gap:28px;display:flex}.st-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.st-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.55rem;font-weight:800}.st-subtitle{color:#64748b;margin:4px 0 0;font-size:.88rem}.st-save-btn{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;padding:10px 22px;font-size:.88rem;font-weight:700;transition:all .22s;display:inline-flex;box-shadow:0 4px 16px #2563eb4d;color:#fff!important;background:linear-gradient(135deg,#2563eb,#7c3aed)!important}.st-save-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed66}.st-save-btn.saved{box-shadow:0 4px 16px #10b9814d;background:linear-gradient(135deg,#10b981,#059669)!important}.st-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.st-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:20px;padding:24px;display:flex;box-shadow:0 4px 16px -2px #0f172a0a}.st-card.st-full{grid-column:1/-1}.st-card-header{color:#2563eb;border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;padding-bottom:16px;display:flex}.st-card-header h3{color:#0f172a;margin:0;font-size:1rem;font-weight:800}.st-fields{flex-direction:column;gap:16px;display:flex}.st-field{flex-direction:column;gap:6px;display:flex}.st-field label{color:#334155;font-size:.82rem;font-weight:700}.st-field input,.st-field textarea{color:#0f172a;resize:vertical;background:#fff;border:1px solid #cbd5e1;border-radius:12px;outline:none;padding:10px 14px;font-size:.9rem;transition:all .2s}.st-field input:focus,.st-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb26}.st-hint{color:#94a3b8;font-size:.75rem}.st-char-count{color:#94a3b8;text-align:right;font-size:.75rem}.st-input-group{position:relative}.st-input-group input{padding-right:40px}.st-input-suffix{color:#64748b;pointer-events:none;font-size:.88rem;font-weight:800;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.st-upload-area{text-align:center;color:#64748b;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:26px;transition:all .2s;display:flex}.st-upload-area:hover{background:#2563eb0a;border-color:#2563eb}.st-upload-area p{margin:0;font-size:.88rem;font-weight:600}.st-upload-area span{color:#2563eb;font-weight:700}.st-toggles{flex-direction:column;display:flex}.st-toggle-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}.st-toggle-row:last-child{border-bottom:none}.st-toggle-info{flex-direction:column;gap:2px;display:flex}.st-toggle-info span{color:#0f172a;font-size:.88rem;font-weight:700}.st-toggle-info small{color:#64748b;font-size:.78rem}.st-toggle{cursor:pointer;border:none;border-radius:50px;flex-shrink:0;width:46px;height:25px;transition:background .22s;position:relative}.st-toggle.on{background:#2563eb}.st-toggle.off{background:#cbd5e1}.st-toggle-knob{background:#fff;border-radius:50%;width:19px;height:19px;transition:left .22s cubic-bezier(.25,1,.5,1);position:absolute;top:3px;box-shadow:0 1px 4px #0003}.st-toggle.on .st-toggle-knob{left:24px}.st-toggle.off .st-toggle-knob{left:3px}.st-info-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.st-info-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:4px;padding:12px 16px;display:flex}.st-info-item span{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:700}.st-info-item strong{color:#0f172a;font-size:.9rem;font-weight:700}.st-info-item strong.green{color:#059669}.st-danger-btn{color:#f43f5e;cursor:pointer;background:#f43f5e14;border:1.5px solid #f43f5e40;border-radius:50px;align-self:flex-start;padding:10px 18px;font-size:.85rem;font-weight:700;transition:all .18s}.st-danger-btn:hover{color:#fff;background:#f43f5e;box-shadow:0 4px 12px #f43f5e4d}.st-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;padding-top:10px;display:flex}@media (width<=900px){.st-grid{grid-template-columns:1fr}.st-card.st-full{grid-column:1}}.std-dashboard{box-sizing:border-box;flex-direction:column;gap:28px;width:100%;max-width:100%;display:flex}.std-welcome-banner{background:linear-gradient(135deg,#1e293b 0%,#0f172a 60%,#1e3a5f 100%);border-radius:22px;justify-content:space-between;align-items:center;padding:32px 36px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0f172a33}.std-welcome-banner:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f633 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:-40px;right:-40px}.std-welcome-eyebrow{color:#ffffffa6;letter-spacing:.02em;margin-bottom:4px;font-size:.9rem;display:block}.std-welcome-name{color:#fff;letter-spacing:-.02em;margin:0 0 8px;font-size:2rem;font-weight:800}.std-welcome-sub{color:#ffffff80;margin:0;font-size:.9rem}.std-pay-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:14px;align-items:center;gap:10px;padding:14px 24px;font-size:.95rem;font-weight:600;transition:all .25s;display:flex;box-shadow:0 6px 20px #3b82f666}.std-pay-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #3b82f680}.std-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.std-stat-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:24px;transition:all .25s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden;box-shadow:0 4px 20px -2px #0f172a0d}.std-stat-red{background:linear-gradient(135deg,#ef444412 0%,#fff 80%);border:1.5px solid #ef444433}.std-stat-blue{background:linear-gradient(135deg,#3b82f612 0%,#fff 80%);border:1.5px solid #3b82f633}.std-stat-amber{background:linear-gradient(135deg,#f59e0b12 0%,#fff 80%);border:1.5px solid #f59e0b33}.std-stat-emerald{background:linear-gradient(135deg,#10b98112 0%,#fff 80%);border:1.5px solid #10b98133}.std-stat-card:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 16px 36px -4px #0f172a1f}.std-stat-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.std-stat-label{text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-size:.75rem;font-weight:800}.std-stat-icon-wrap{color:#fff;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .25s;display:flex;box-shadow:0 6px 16px #00000026}.std-stat-card:hover .std-stat-icon-wrap{transform:scale(1.12)rotate(-5deg)}.std-stat-value{color:#0f172a;margin-bottom:10px;font-size:1.9rem;font-weight:800;line-height:1}.std-stat-footer{color:#64748b;align-items:center;gap:6px;font-size:.8rem;display:flex}.std-content-grid{grid-template-columns:1.4fr 1fr;gap:24px;display:grid}.std-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:28px;box-shadow:0 4px 20px -2px #0f172a0d}.std-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.std-card-header h3{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:700;display:flex}.std-link-all{color:#3b82f6;align-items:center;gap:4px;font-size:.82rem;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.std-link-all:hover{color:#1d4ed8}.std-notice-list{flex-direction:column;gap:2px;display:flex}.std-notice-item{cursor:pointer;border-radius:14px;gap:14px;padding:14px;transition:background .2s;display:flex}.std-notice-item:hover{background:#f8fafc}.std-notice-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;margin-top:2px;display:flex}.std-notice-body{flex:1}.std-notice-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px;display:flex}.std-notice-top h4{color:#1e293b;margin:0;font-size:.95rem;font-weight:600;line-height:1.3}.std-notice-badge{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-radius:8px;flex-shrink:0;padding:3px 8px;font-size:.68rem;font-weight:700}.std-notice-content{color:#475569;opacity:0;max-height:0;margin:0 0 8px;font-size:.85rem;line-height:1.55;transition:all .3s;overflow:hidden}.std-notice-content.show{opacity:1;max-height:200px}.std-notice-date{color:#94a3b8;align-items:center;gap:5px;font-size:.75rem;display:flex}.std-right-col{flex-direction:column;gap:20px;display:flex}.std-actions-list{flex-direction:column;gap:8px;display:flex}.std-action-item{cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;width:100%;padding:14px 16px;transition:all .2s;display:flex}.std-action-item:hover{transform:translate(4px);box-shadow:0 4px 12px #0000000f}.std-action-red:hover{background:#ef44440a;border-color:#ef444466}.std-action-blue:hover{background:#3b82f60a;border-color:#3b82f666}.std-action-purple:hover{background:#8b5cf60a;border-color:#8b5cf666}.std-action-emerald:hover{background:#10b9810a;border-color:#10b98166}.std-action-icon{color:#475569;background:#e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.std-action-red .std-action-icon{color:#ef4444;background:#ef44441a}.std-action-blue .std-action-icon{color:#3b82f6;background:#3b82f61a}.std-action-purple .std-action-icon{color:#8b5cf6;background:#8b5cf61a}.std-action-emerald .std-action-icon{color:#10b981;background:#10b9811a}.std-action-text{flex:1}.std-action-text strong{color:#1e293b;margin-bottom:2px;font-size:.9rem;font-weight:600;display:block}.std-action-text span{color:#94a3b8;font-size:.75rem}.std-action-arrow{color:#cbd5e1;flex-shrink:0;transition:color .2s}.std-action-item:hover .std-action-arrow{color:#3b82f6}.std-issues-list{flex-direction:column;gap:2px;display:flex}.std-issue-row{border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;transition:background .2s;display:flex}.std-issue-row:hover{background:#f8fafc}.std-issue-info strong{color:#1e293b;margin-bottom:3px;font-size:.88rem;font-weight:600;display:block}.std-issue-info span{color:#94a3b8;font-size:.75rem}.std-issue-badge{white-space:nowrap;border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-size:.75rem;font-weight:600;display:flex}.std-issue-badge.in-progress{color:#d97706;background:#fffbeb}.std-issue-badge.resolved{color:#16a34a;background:#f0fdf4}@media (width<=1280px){.std-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.std-content-grid{grid-template-columns:1fr}}@media (width<=768px){div[style*="repeat(3, 1fr)"]{grid-template-columns:repeat(2,1fr)!important}}@media (width<=600px){.std-welcome-banner{flex-direction:column;align-items:flex-start;gap:20px}.std-stats-grid{grid-template-columns:1fr}.std-pay-btn{justify-content:center;width:100%}div[style*="repeat(3, 1fr)"],div[style*="repeat(2, 1fr)"]{grid-template-columns:1fr!important}}