@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap);:root{--font-sans:Outfit,sans-serif;--font-outfit:Outfit,sans-serif;--font-light:300;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--color-current:currentColor;--color-transparent:#0000;--color-white:#fff;--color-black:#101828;--color-white-rgb:255,255,255;--color-gray-50-rgb:249,250,251;--color-brand-25:#f2f7ff;--color-brand-50:#ecf3ff;--color-brand-100:#dde9ff;--color-brand-200:#c2d6ff;--color-brand-300:#9cb9ff;--color-brand-400:#7592ff;--color-brand-500:#465fff;--color-brand-600:#3641f5;--color-brand-700:#2a31d8;--color-brand-800:#252dae;--color-brand-900:#262e89;--color-brand-950:#161950;--primary-color-rgb:70,95,255;--color-blue-light-25:#f5fbff;--color-blue-light-50:#f0f9ff;--color-blue-light-100:#e0f2fe;--color-blue-light-200:#b9e6fe;--color-blue-light-300:#7cd4fd;--color-blue-light-400:#36bffa;--color-blue-light-500:#0ba5ec;--color-blue-light-600:#0086c9;--color-blue-light-700:#026aa2;--color-blue-light-800:#065986;--color-blue-light-900:#0b4a6f;--color-blue-light-950:#062c41;--color-gray-25:#fcfcfd;--color-gray-50:#f9fafb;--color-gray-100:#f2f4f7;--color-gray-200:#e4e7ec;--color-gray-300:#d0d5dd;--color-gray-400:#98a2b3;--color-gray-500:#667085;--color-gray-600:#475467;--color-gray-700:#344054;--color-gray-800:#1d2939;--color-gray-900:#101828;--color-gray-950:#0c111d;--color-gray-900-rgb:16,24,40;--color-gray-dark:#1a2231;--color-orange-25:#fffaf5;--color-orange-50:#fff6ed;--color-orange-100:#ffead5;--color-orange-200:#fddcab;--color-orange-300:#feb273;--color-orange-400:#fd853a;--color-orange-500:#fb6514;--color-orange-600:#ec4a0a;--color-orange-700:#c4320a;--color-orange-800:#9c2a10;--color-orange-900:#7e2410;--color-orange-950:#511c10;--color-success-25:#f6fef9;--color-success-50:#ecfdf3;--color-success-100:#d1fadf;--color-success-200:#a6f4c5;--color-success-300:#6ce9a6;--color-success-400:#32d583;--color-success-500:#12b76a;--color-success-600:#039855;--color-success-700:#027a48;--color-success-800:#05603a;--color-success-900:#054f31;--color-success-950:#053321;--color-error-25:#fffbfa;--color-error-50:#fef3f2;--color-error-100:#fee4e2;--color-error-200:#fecdca;--color-error-300:#fda29b;--color-error-400:#f97066;--color-error-500:#f04438;--color-error-600:#d92d20;--color-error-700:#b42318;--color-error-800:#912018;--color-error-900:#7a271a;--color-error-950:#55160c;--color-warning-25:#fffcf5;--color-warning-50:#fffaeb;--color-warning-100:#fef0c7;--color-warning-200:#fedf89;--color-warning-300:#fec84b;--color-warning-400:#fdb022;--color-warning-500:#f79009;--color-warning-600:#dc6803;--color-warning-700:#b54708;--color-warning-800:#93370d;--color-warning-900:#7a2e0e;--color-warning-950:#4e1d09;--text-title-2xl:clamp(2.25rem,5vw + 1rem,3.5rem);--text-title-xl:clamp(1.75rem,4vw + 1rem,3rem);--text-title-lg:clamp(1.5rem,3vw + 1rem,2.5rem);--text-title-md:clamp(1.25rem,2.5vw + 1rem,2rem);--text-title-sm:clamp(1rem,2vw + 1rem,1.75rem);--text-theme-xl:clamp(0.875rem,1.5vw + 0.5rem,1.25rem);--text-theme-lg:clamp(0.8125rem,1vw + 0.5rem,1.125rem);--text-theme-md:clamp(0.75rem,0.8vw + 0.4rem,1rem);--text-theme-sm:clamp(0.625rem,0.6vw + 0.3rem,0.875rem);--text-theme-xs:clamp(0.5625rem,0.5vw + 0.2rem,0.75rem);--line-height-heading:1.2;--line-height-body:1.5;--line-height-tight:1.1;--spacing-px:1px;--spacing-0:0rem;--spacing-0-5:0.125rem;--spacing-1:0.25rem;--spacing-1-5:0.375rem;--spacing-2:0.5rem;--spacing-2-5:0.625rem;--spacing-3:0.75rem;--spacing-3-5:0.875rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--spacing-40:10rem;--spacing-48:12rem;--spacing-56:14rem;--spacing-64:16rem;--radius-none:0;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0px 1px 2px #0000000d;--shadow-md:0px 4px 6px #0000001a,0px 2px 4px #0000000f;--shadow-lg:0px 10px 15px #0000001a,0px 4px 6px #0000000d;--shadow-xl:0px 20px 25px #0000001a,0px 10px 10px #0000000a;--shadow-2xl:0px 25px 50px #0003;--shadow-inset:inset 0 2px 4px 0 #0000000f;--transition-ease:all 0.2s ease-in-out;--transition-ease-slow:all 0.4s ease-in-out;--gradient-brand:var(--color-brand-500);--gradient-brand-soft:var(--color-brand-50);--gradient-dark-hero:#1a1a2e;--gradient-success:var(--color-success-600);--gradient-error:var(--color-error-600);--color-brand-500-rgb:70,95,255}html.light{--background-color:var(--color-gray-100);--text-color:var(--color-gray-700);--text-color-light:var(--color-gray-600);--text-color-dark:var(--color-gray-900);--text-color-rgb:102,112,133;--card-background:var(--color-gray-50);--input-background:var(--color-gray-50);--header-background:var(--color-gray-50);--sidebar-background:var(--color-gray-50);--glassmorphism-bg:rgba(var(--color-gray-50-rgb),0.6);--border-color:var(--color-gray-200);--border-dark:var(--color-gray-300);--primary-color:var(--color-brand-500);--primary-color-hover:var(--color-brand-600);--btn-primary-text-color:var(--color-white);--btn-primary-text-color-hover:var(--color-white);--secondary-color:var(--color-gray-100);--secondary-color-hover:var(--color-gray-200);--link-color:var(--color-brand-500);--link-color-hover:var(--color-brand-600);--auth-page-bg:var(--color-gray-100);--auth-card-bg:var(--color-gray-50);--auth-text-color:var(--color-gray-900);--auth-label-color:var(--color-gray-700);--auth-input-border:var(--color-gray-300);--auth-input-focus-border:var(--color-brand-500);--auth-button-bg:var(--color-brand-500);--auth-button-text:var(--color-white);--auth-button-hover-bg:var(--color-brand-600);--auth-secondary-button-bg:var(--color-gray-50);--auth-secondary-button-text:var(--color-gray-700);--auth-secondary-button-border:var(--color-gray-300);--auth-secondary-button-hover-bg:var(--color-gray-50);--auth-divider-color:var(--color-gray-500);--auth-footer-text-color:var(--color-gray-600);--auth-link-color:var(--color-brand-500);--table-row-odd-bg:var(--color-white);--table-row-even-bg:var(--color-gray-50);--shadow-layer-1:0 1px 3px #00000014,0 1px 2px #00000005;--shadow-layer-2:0 4px 8px #0000001a,0 2px 4px #0000000f;--shadow-layer-3:0 8px 16px #0000001f,0 4px 6px #00000014;--shadow-focus:0 0 0 4px #465fff1f;--status-pending-bg:var(--color-warning-100);--status-pending-border:var(--color-warning-300);--status-pending-text:var(--color-warning-800);--status-confirmed-bg:var(--color-success-100);--status-confirmed-border:var(--color-success-300);--status-confirmed-text:var(--color-success-800);--status-rejected-bg:var(--color-error-100);--status-rejected-border:var(--color-error-300);--status-rejected-text:var(--color-error-800);--status-cancelled-bg:var(--color-gray-100);--status-cancelled-border:var(--color-gray-300);--status-cancelled-text:var(--color-gray-700);--status-completed-bg:var(--color-blue-light-100);--status-completed-border:var(--color-blue-light-300);--status-completed-text:var(--color-blue-light-800)}html.dark{--background-color:var(--color-gray-900);--text-color:var(--color-gray-100);--text-color-light:var(--color-gray-300);--text-color-dark:var(--color-gray-50);--card-background:var(--color-gray-800);--input-background:var(--color-gray-700);--header-background:var(--color-gray-800);--sidebar-background:var(--color-gray-900);--glassmorphism-bg:rgba(var(--color-gray-900-rgb),0.4);--border-color:var(--color-gray-700);--border-dark:var(--color-gray-800);--primary-color:var(--color-brand-400);--primary-color-hover:var(--color-brand-300);--btn-primary-text-color:var(--color-white);--btn-primary-text-color-hover:var(--color-white);--secondary-color:var(--color-gray-700);--secondary-color-hover:var(--color-gray-600);--link-color:var(--color-brand-300);--link-color-hover:var(--color-brand-200);--shadow-layer-1:var(--shadow-sm);--shadow-layer-2:var(--shadow-md);--shadow-layer-3:var(--shadow-lg);--shadow-focus:0 0 0 3px #465fff33;--table-row-odd-bg:var(--color-gray-800);--table-row-even-bg:var(--color-gray-700);--status-pending-bg:var(--color-warning-950);--status-pending-border:var(--color-warning-700);--status-pending-text:var(--color-warning-300);--status-confirmed-bg:var(--color-success-950);--status-confirmed-border:var(--color-success-700);--status-confirmed-text:var(--color-success-300);--status-rejected-bg:var(--color-error-950);--status-rejected-border:var(--color-error-700);--status-rejected-text:var(--color-error-300);--status-cancelled-bg:var(--color-gray-800);--status-cancelled-border:var(--color-gray-600);--status-cancelled-text:var(--color-gray-300);--status-completed-bg:var(--color-blue-light-950);--status-completed-border:var(--color-blue-light-700);--status-completed-text:var(--color-blue-light-300)}.status-pending{background-color:var(--status-pending-bg);border-color:var(--status-pending-border);color:var(--status-pending-text)}.status-confirmed{background-color:var(--status-confirmed-bg);border-color:var(--status-confirmed-border);color:var(--status-confirmed-text)}.status-rejected{background-color:var(--status-rejected-bg);border-color:var(--status-rejected-border);color:var(--status-rejected-text)}.status-cancelled{background-color:var(--status-cancelled-bg);border-color:var(--status-cancelled-border);color:var(--status-cancelled-text)}.status-completed{background-color:var(--status-completed-bg);border-color:var(--status-completed-border);color:var(--status-completed-text)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color);font-family:var(--font-outfit),sans-serif;line-height:var(--line-height-body);margin:0;transition:var(--transition-ease-slow)}body,html{height:100%;overflow-y:auto}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{color:var(--text-color-dark);font-family:var(--font-outfit),sans-serif;line-height:var(--line-height-heading);margin-bottom:var(--spacing-3);margin-top:0}h1{font-size:var(--text-title-lg);font-weight:var(--font-bold)}h2{font-size:var(--text-title-xl)}h2,h3{font-weight:var(--font-semibold)}h3{font-size:var(--text-title-lg)}h4{font-size:var(--text-title-md)}h4,h5{font-weight:var(--font-medium)}h5{font-size:var(--text-title-sm)}h6{font-size:var(--text-theme-xl);font-weight:var(--font-medium)}.form-page-title{color:var(--text-color-dark);font-size:var(--text-title-lg);font-weight:var(--font-semibold);margin-bottom:var(--spacing-6);text-align:center}@media (max-width:768px){.form-page-title{font-size:var(--text-title-md);margin-bottom:var(--spacing-4)}}p{color:var(--text-color);font-size:var(--text-theme-md);line-height:var(--line-height-body);margin-bottom:var(--spacing-4);margin-top:0}a{color:var(--link-color);position:relative;text-decoration:none;transition:var(--transition-ease)}a:after{background-color:var(--link-color);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease-out;width:0}a:hover:after{width:100%}a:hover{color:var(--link-color-hover)}.btn,button{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--text-theme-md);font-weight:var(--font-semibold);justify-content:center;outline:none;overflow:hidden;padding:var(--spacing-3) var(--spacing-4);position:relative;transition:var(--transition-ease);will-change:transform,box-shadow}.btn:focus-visible,button:focus-visible{border-color:var(--primary-color);box-shadow:var(--shadow-focus)}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--shadow-layer-1);color:var(--btn-primary-text-color)}.btn-primary:hover{background-color:var(--primary-color-hover);border-color:var(--primary-color-hover);box-shadow:var(--shadow-layer-2);color:var(--btn-primary-text-color-hover);transform:translateY(-2px)}.btn-primary:active{box-shadow:var(--shadow-layer-1);transform:translateY(0)}.btn-secondary{background-color:var(--secondary-color);border-color:var(--border-color);box-shadow:var(--shadow-layer-1);color:var(--text-color)}.btn-secondary:hover{background-color:var(--secondary-color-hover);border-color:var(--secondary-color-hover);box-shadow:var(--shadow-layer-2);transform:translateY(-2px)}.btn-secondary:active{box-shadow:var(--shadow-layer-1);transform:translateY(0)}.form-group{margin-bottom:var(--spacing-4)}.form-label{color:var(--text-color-dark);display:inline-block;font-size:var(--text-theme-md);font-weight:var(--font-medium);margin-bottom:var(--spacing-2)}.error-message,.success-message{font-size:var(--text-theme-sm);margin-top:var(--spacing-1)}.responsive-table-container{margin:var(--spacing-8) 0}.responsive-table{position:relative}.table-head{background-color:var(--header-background);box-shadow:var(--shadow-sm);color:var(--text-color-dark);position:-webkit-sticky;position:sticky;top:0;z-index:10}.table-header{font-size:var(--text-theme-sm);font-weight:var(--font-semibold);padding:var(--spacing-4) var(--spacing-6)}.table-row{background-color:var(--table-row-odd-bg);border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.table-row:nth-of-type(2n){background-color:var(--table-row-even-bg)}.table-row:last-child{border-bottom:none}.table-row:hover{background-color:var(--secondary-color-hover)}.table-cell{padding:var(--spacing-4) var(--spacing-6)}@media screen and (max-width:768px){.responsive-table-container{background-color:initial;border:none;box-shadow:none;margin:var(--spacing-6) 0}.responsive-table{border-collapse:initial;border-spacing:0 var(--spacing-4);display:block;width:100%}.table-head{display:none}.table-row{border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-layer-1);display:block;margin-bottom:var(--spacing-4)}.table-row,.table-row:nth-of-type(2n){background-color:var(--card-background)}.table-cell{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);text-align:right}.table-cell:last-child{border-bottom:none}.table-cell:before{color:var(--text-color-dark);content:attr(data-label);flex-shrink:0;font-size:var(--text-theme-sm);font-weight:var(--font-semibold);padding-right:var(--spacing-4);text-align:left;text-transform:uppercase}}iframe,img,video{display:block;height:auto;max-width:100%}@keyframes logo-pulse{0%{box-shadow:0 0 0 rgba(var(--primary-color-rgb),.4);transform:scale(1)}70%{box-shadow:0 0 0 10px rgba(var(--primary-color-rgb),0);transform:scale(1.05)}to{box-shadow:0 0 0 rgba(var(--primary-color-rgb),0);transform:scale(1)}}.logo-animated{animation:logo-pulse 2s cubic-bezier(.66,0,.34,1) infinite;display:inline-block;will-change:transform,box-shadow}*{transition-duration:.2s;transition-duration:var(--transition-duration,.2s);transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:var(--transition-timing-function,cubic-bezier(.4,0,.2,1))}.page-container{background-color:var(--background-color);color:var(--text-color);font-family:var(--font-outfit),sans-serif;min-height:100vh;width:100vw}.form-card{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-layer-2);margin-bottom:var(--spacing-8);padding:var(--spacing-8)}.form-layout{gap:var(--spacing-4)}.glassmorphism-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:var(--glassmorphism-bg);border:1px solid rgba(var(--text-color-rgb),.1);box-shadow:var(--shadow-layer-2)}::-webkit-scrollbar{display:none;height:0;width:0}*,body,html{-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none;height:0;width:0}.landing-page-wrapper{background-color:var(--background-color);color:var(--text-color);font-family:var(--font-outfit),sans-serif}.container{margin-left:auto;margin-right:auto;max-width:1200px;padding:0 var(--spacing-4)}.landing-header{background-color:var(--header-background);box-shadow:var(--shadow-layer-1);padding:var(--spacing-3) 0;position:-webkit-sticky;position:sticky;top:0;transition:var(--transition-ease);z-index:100}.landing-header-container{align-items:center;display:flex;gap:var(--spacing-4);justify-content:space-between}.landing-nav{display:flex;flex-grow:1;gap:var(--spacing-4);justify-content:center}.landing-nav-link{border-radius:var(--radius-md);color:var(--text-color-dark);font-weight:var(--font-medium);padding:var(--spacing-2) var(--spacing-3);text-decoration:none;transition:var(--transition-ease)}.landing-nav-link:hover{background-color:var(--secondary-color);color:var(--primary-color)}.landing-logo-img-wrapper{align-items:center;display:flex;justify-content:center;margin-right:var(--spacing-4)}.landing-logo-img-wrapper img{height:auto;max-width:100px}.landing-header-cta{align-items:center;background-color:var(--primary-color);border-radius:var(--radius-md);box-shadow:var(--shadow-layer-1);color:var(--color-white);display:inline-flex;font-size:var(--text-theme-md);font-weight:var(--font-semibold);justify-content:center;padding:var(--spacing-2) var(--spacing-4);text-decoration:none;transition:var(--transition-ease)}.landing-header-cta:hover{background-color:var(--primary-color-hover);box-shadow:var(--shadow-layer-2);transform:translateY(-1px)}.landing-hero-section{background-color:#ecf3ff;background-color:var(--color-brand-50,#ecf3ff);border-bottom-left-radius:var(--radius-2xl);border-bottom-right-radius:var(--radius-2xl);box-shadow:var(--shadow-layer-2);color:var(--text-color-dark);overflow:hidden;padding:var(--spacing-16) 0;position:relative;text-align:center}.landing-hero-container{position:relative;z-index:2}.landing-hero-badge{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(var(--color-white-rgb),.1);border:1px solid rgba(var(--color-white-rgb),.2);border-radius:var(--radius-full);color:var(--color-brand-200);display:inline-flex;font-size:var(--text-theme-sm);font-weight:var(--font-medium);gap:var(--spacing-2);margin-bottom:var(--spacing-6);padding:var(--spacing-1) var(--spacing-3);text-transform:uppercase}.landing-hero-title{color:var(--text-color-dark);font-size:var(--text-title-2xl);font-weight:var(--font-bold);line-height:var(--line-height-heading);margin-bottom:var(--spacing-4);margin-left:auto;margin-right:auto;max-width:900px}.landing-hero-title-accent{color:var(--primary-color)}.landing-hero-subtitle{color:var(--text-color);font-size:var(--text-theme-xl);line-height:var(--line-height-body);margin-bottom:var(--spacing-8);margin-left:auto;margin-right:auto;max-width:700px}.landing-hero-cta-group{display:flex;flex-wrap:wrap;gap:var(--spacing-6);justify-content:center}.landing-hero-cta-primary,.landing-hero-cta-secondary{align-items:center;border-radius:var(--radius-lg);box-shadow:var(--shadow-layer-1);display:flex;flex-grow:1;flex-shrink:1;font-size:var(--text-theme-xl);font-weight:var(--font-semibold);justify-content:center;min-width:0;padding:var(--spacing-4) var(--spacing-8);text-decoration:none;transition:var(--transition-ease)}.landing-hero-cta-primary{background-color:var(--primary-color);color:var(--color-white)}.landing-hero-cta-primary:hover{background-color:var(--primary-color-hover);box-shadow:var(--shadow-layer-2);transform:translateY(-2px)}.landing-hero-cta-secondary{background-color:initial;border:1px solid var(--border-color);color:var(--link-color)}.landing-hero-cta-secondary:hover{background-color:var(--secondary-color);border-color:var(--primary-color);box-shadow:var(--shadow-layer-1);transform:translateY(-1px)}.landing-section-title{color:var(--text-color-dark);font-size:var(--text-title-xl);font-weight:var(--font-bold);line-height:var(--line-height-heading);margin-bottom:var(--spacing-12);text-align:center}.landing-features-section{background-color:var(--background-color);padding:var(--spacing-16) 0}.landing-features-grid{grid-gap:var(--spacing-8);display:grid;gap:var(--spacing-8);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.landing-feature-card{background-color:var(--card-background);border-radius:var(--radius-xl);border-top:4px solid var(--primary-color);box-shadow:var(--shadow-layer-2);padding:var(--spacing-8);text-align:center;transition:var(--transition-ease)}.landing-feature-card:hover{box-shadow:var(--shadow-layer-3);transform:translateY(-5px)}.landing-feature-icon{color:var(--primary-color);height:var(--spacing-12);margin:0 auto var(--spacing-6);width:var(--spacing-12)}.landing-feature-title{color:var(--text-color-dark);font-size:var(--text-theme-xl);font-weight:var(--font-semibold);margin-bottom:var(--spacing-3)}.landing-feature-description{color:var(--text-color);font-size:var(--text-theme-md)}.landing-how-it-works-section{background-color:var(--background-color);box-shadow:var(--shadow-layer-1);padding:var(--spacing-16) 0}.landing-how-it-works-grid{grid-gap:var(--spacing-10);display:grid;gap:var(--spacing-10);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.landing-how-it-works-card{background-color:var(--card-background);border-radius:var(--radius-xl);box-shadow:var(--shadow-layer-2);display:flex;flex-direction:column;padding:var(--spacing-8);transition:var(--transition-ease)}.landing-how-it-works-card:hover{box-shadow:var(--shadow-layer-3);transform:translateY(-2px)}.landing-how-it-works-card-header{align-items:center;display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.landing-icon-wrapper{align-items:center;border-radius:var(--radius-full);box-shadow:var(--shadow-layer-1);color:var(--color-white);display:flex;height:var(--spacing-12);justify-content:center;width:var(--spacing-12)}.landing-icon-wrapper.tenant-icon{background-color:var(--color-blue-light-500)}.landing-icon-wrapper.provider-icon{background-color:var(--color-success-500)}.landing-icon-wrapper.admin-icon{background-color:var(--color-error-500)}.landing-how-it-works-icon{height:var(--spacing-6);width:var(--spacing-6)}.landing-how-it-works-title{color:var(--text-color-dark);font-size:var(--text-theme-xl);font-weight:var(--font-semibold)}.landing-how-it-works-list{display:flex;flex-direction:column;gap:var(--spacing-4);list-style:none;margin:0;margin-top:var(--spacing-6);padding:0}.landing-how-it-works-list li{align-items:flex-start;color:var(--text-color);display:flex;font-size:var(--text-theme-md);line-height:var(--line-height-body)}.landing-check-icon{color:var(--color-success-500);flex-shrink:0;height:var(--spacing-5);margin-right:var(--spacing-3);width:var(--spacing-5)}.landing-cta-section{background-color:var(--primary-color);box-shadow:var(--shadow-layer-3);color:var(--color-white);padding:var(--spacing-16) 0;text-align:center}.landing-cta-title{color:var(--color-white);font-size:var(--text-title-xl);line-height:var(--line-height-heading);margin-bottom:var(--spacing-4)}.landing-cta-subtitle{color:var(--color-white);font-size:var(--text-theme-xl);line-height:var(--line-height-body);margin-bottom:var(--spacing-8);margin-left:auto;margin-right:auto;max-width:800px}.landing-cta-button{align-items:center;background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-layer-2);color:var(--primary-color);display:inline-flex;font-size:var(--text-theme-xl);font-weight:var(--font-semibold);justify-content:center;padding:var(--spacing-4) var(--spacing-10);text-decoration:none;transition:var(--transition-ease)}.landing-cta-button:hover{background-color:var(--color-gray-100);box-shadow:var(--shadow-layer-3);transform:translateY(-2px)}.landing-footer{background-color:var(--color-gray-950);border-top:1px solid var(--border-dark);color:var(--color-gray-400);padding:var(--spacing-12) 0 var(--spacing-6)}.landing-footer-grid{grid-gap:var(--spacing-8);border-bottom:1px solid var(--border-dark);display:grid;gap:var(--spacing-8);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-10)}.landing-footer .landing-logo-img-wrapper img{height:auto;margin-bottom:var(--spacing-4);max-width:100px}.landing-footer-text{color:var(--text-color-light);font-size:var(--text-theme-sm);line-height:var(--line-height-body)}.landing-footer-heading{color:var(--color-white);font-size:var(--text-theme-xl);font-weight:var(--font-semibold);margin-bottom:var(--spacing-5)}.landing-footer-list{display:flex;flex-direction:column;gap:var(--spacing-3);list-style:none;margin:0;padding:0}.landing-footer-link{color:var(--color-gray-400);font-size:var(--text-theme-md);transition:var(--transition-ease)}.landing-footer-link:hover{color:var(--link-color-hover);text-decoration:underline}.landing-footer-link-disabled{color:var(--color-gray-600);cursor:not-allowed;font-size:var(--text-theme-md)}.landing-footer-copyright{color:var(--text-color-light);font-size:var(--text-theme-sm);margin-top:var(--spacing-8);text-align:center}@media (max-width:768px){.landing-header-container{flex-wrap:wrap;justify-content:center;padding:0 var(--spacing-3)}.landing-nav{display:none}.landing-header-cta{box-sizing:border-box;flex-shrink:0;margin-top:var(--spacing-3);max-width:150px;width:auto}.container{padding:0 var(--spacing-6)}.landing-hero-title{font-size:var(--text-title-lg);line-height:var(--line-height-heading)}.landing-hero-subtitle{font-size:var(--text-theme-lg)}.landing-section-title{font-size:var(--text-title-md);line-height:var(--line-height-heading);margin-bottom:var(--spacing-8)}.landing-hero-cta-group{flex-direction:column;gap:var(--spacing-4);width:100%}.landing-hero-cta-primary,.landing-hero-cta-secondary{box-sizing:border-box;max-width:none;width:100%}.landing-features-grid,.landing-how-it-works-grid{grid-template-columns:1fr}.landing-hero-section{padding:var(--spacing-12) 0}.landing-footer-grid{grid-template-columns:1fr}.landing-footer-col{text-align:center}.landing-footer .landing-logo-img-wrapper{margin:0 auto var(--spacing-4)}}.auth-panel-right{align-items:center}.auth-card{max-width:440px}@media (min-width:900px){.auth-panel-left{display:flex}.auth-panel-right{padding:var(--spacing-12) var(--spacing-10)}.auth-split-wrapper .auth-panel-right .auth-card{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:0 8px 40px #0000001a;margin-top:0;max-width:440px;padding:var(--spacing-8);width:100%}}.auth-divider{margin:var(--spacing-5) 0}.auth-secondary-button,.auth-submit-button{align-items:center;border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-layer-1);cursor:pointer;display:inline-flex;font-size:var(--text-theme-md);font-weight:var(--font-semibold);justify-content:center;margin-top:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);transition:var(--transition-ease);width:100%}.auth-divider{align-items:center;color:var(--auth-divider-color);display:flex;font-size:var(--text-theme-sm);margin:var(--spacing-6) 0;text-align:center}.auth-divider:after,.auth-divider:before{border-bottom:1px solid var(--border-color);content:"";flex:1 1}.auth-divider:not(:empty):before{margin-right:var(--spacing-2)}.auth-divider:not(:empty):after{margin-left:var(--spacing-2)}.auth-secondary-button{background-color:var(--auth-secondary-button-bg);border:1px solid var(--auth-secondary-button-border);box-shadow:var(--shadow-layer-1);color:var(--auth-secondary-button-text)}.auth-secondary-button:hover{background-color:var(--auth-secondary-button-hover-bg);border-color:var(--auth-secondary-button-hover-bg);box-shadow:var(--shadow-layer-2);transform:translateY(-2px)}.auth-secondary-button:active{box-shadow:var(--shadow-layer-1);transform:translateY(0)}.floating-label-input{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color-dark);font-size:var(--text-theme-md);outline:none;padding:var(--spacing-3) var(--spacing-4);transition:all .2s ease;width:100%}.floating-label-input:focus{border-color:var(--primary-color);box-shadow:var(--shadow-focus)}.floating-label-input:focus+.floating-label,.floating-label.floated{color:var(--primary-color);font-size:var(--text-theme-sm);left:var(--spacing-2);top:-10px;transform:scale(.85)}.floating-label-input:focus+.floating-label{color:var(--primary-color)}.auth-page-wrapper{background:var(--background-color)}@media (min-width:769px){.auth-page-wrapper{align-items:center}.auth-card{background-color:var(--auth-card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-layer-3);margin:0 auto;padding:var(--spacing-8)}}.auth-card-title{margin-bottom:var(--spacing-2)}.auth-subtitle{color:var(--auth-footer-text-color);font-size:var(--text-theme-md)}.auth-submit-button{color:var(--color-white)}.auth-split-wrapper{display:flex;min-height:100vh;overflow:hidden}.auth-panel-left{background:#1a1a2e;display:none;flex:1 1;flex-direction:column;justify-content:space-between;min-width:420px;overflow:hidden;padding:var(--spacing-10) var(--spacing-12);position:relative}.auth-panel-left:before{background:#465fff40;filter:blur(80px);height:300px;left:-80px;top:-80px;width:300px}.auth-panel-left:after,.auth-panel-left:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.auth-panel-left:after{background:#764ba233;bottom:-60px;filter:blur(70px);height:250px;right:-60px;width:250px}.auth-panel-brand{align-items:center;display:flex;gap:var(--spacing-3);position:relative;z-index:1}.auth-panel-brand img{height:auto;max-width:56px}.auth-brand-name{color:#fff;font-size:1.5rem;font-weight:var(--font-extrabold);letter-spacing:-.02em}.auth-panel-body{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:var(--spacing-8) 0;position:relative;z-index:1}.auth-panel-headline{color:#fff;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:var(--font-extrabold);letter-spacing:-.025em;line-height:1.25;margin-bottom:var(--spacing-4)}.auth-panel-headline span{color:var(--color-brand-400)}.auth-panel-subtext{color:#ffffffa6;font-size:.95rem;line-height:1.7;margin-bottom:var(--spacing-8);max-width:340px}.auth-feature-list{display:flex;flex-direction:column;gap:var(--spacing-3);list-style:none;margin:0 0 var(--spacing-10) 0;padding:0}.auth-feature-list li{align-items:center;color:#ffffffd1;display:flex;font-size:.9rem;font-weight:var(--font-medium);gap:var(--spacing-3)}.auth-feature-list li svg{color:#4ade80;flex-shrink:0;height:18px;width:18px}.auth-testimonial-snippet{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:var(--radius-xl);padding:var(--spacing-5) var(--spacing-6)}.auth-testimonial-snippet p{color:#fffc;font-size:.9rem;font-style:italic;line-height:1.6;margin-bottom:var(--spacing-3)}.auth-testimonial-snippet span{color:#ffffff80;font-size:.8rem;font-weight:var(--font-semibold)}.auth-panel-right{flex:1 1;min-width:0;padding:var(--spacing-8) var(--spacing-6)}.auth-page-wrapper,.auth-panel-right{align-items:flex-start;background-color:var(--background-color);display:flex;justify-content:center;overflow-y:auto}.auth-page-wrapper{min-height:100vh;padding:var(--spacing-4)}@media (min-width:900px){.auth-panel-left{display:flex}.auth-panel-right{align-items:center;padding:var(--spacing-10) var(--spacing-10)}.auth-split-wrapper .auth-panel-right .auth-card{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:0 8px 40px #0000001a;margin-top:0;max-width:460px;padding:var(--spacing-8);width:100%}}.auth-card-header{margin-bottom:var(--spacing-6)}.auth-logo-img{margin-bottom:var(--spacing-4)}.auth-logo-img img{max-width:80px}.auth-form{margin-top:var(--spacing-6)}.auth-footer-text{margin-top:var(--spacing-5)}@media (max-width:899px){.auth-panel-left{display:none}.auth-panel-right{min-height:100vh;padding:var(--spacing-6) var(--spacing-4);width:100%}.auth-split-wrapper .auth-panel-right .auth-card{background-color:initial;border:none;box-shadow:none;margin-top:var(--spacing-6)}}.auth-card{background-color:initial;border-radius:var(--radius-xl);margin-top:var(--spacing-8);max-width:448px;padding:var(--spacing-4);text-align:center;transition:var(--transition-ease);width:100%}@media (min-width:769px){.auth-page-wrapper{align-items:center}.auth-card{background-color:var(--auth-card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-layer-3);margin-top:0;padding:var(--spacing-8)}}.auth-card-header{margin-bottom:var(--spacing-8)}.auth-logo-img{display:block;margin-bottom:var(--spacing-6);text-align:center}.auth-logo-img img{height:auto;margin:0 auto;max-width:120px}.auth-card-title{color:var(--auth-text-color);font-size:var(--text-title-md);font-weight:var(--font-bold)}.auth-form{margin-top:var(--spacing-8)}.auth-error-message,.auth-success-message{font-size:var(--text-theme-sm);line-height:var(--line-height-body);margin-bottom:var(--spacing-5);margin-top:var(--spacing-3)}.auth-error-message{color:var(--color-error-600)}.auth-success-message{color:var(--color-success-600)}.auth-submit-button{align-items:center;background-color:var(--primary-color);border:none;border:1px solid var(--primary-color);border-radius:var(--radius-md);box-shadow:var(--shadow-layer-1);color:var(--auth-button-text);cursor:pointer;display:inline-flex;font-size:var(--text-theme-md);font-weight:var(--font-semibold);justify-content:center;margin-top:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);transition:var(--transition-ease);width:100%}.auth-submit-button:hover{background-color:var(--primary-color-hover);border-color:var(--primary-color-hover);box-shadow:var(--shadow-layer-2);transform:translateY(-2px)}.auth-submit-button:active{box-shadow:var(--shadow-layer-1);transform:translateY(0)}.auth-footer-text{color:var(--auth-footer-text-color);font-size:var(--text-theme-md);margin-top:var(--spacing-6)}.auth-link{color:var(--auth-link-color);font-weight:var(--font-semibold);text-decoration:none}.auth-link:hover{text-decoration:underline}@media (max-width:768px){.auth-page-wrapper{align-items:flex-start;padding:var(--spacing-2)}.auth-card{background-color:initial;border:none;box-shadow:none;margin-top:var(--spacing-8);max-width:100%;padding:var(--spacing-4)}.auth-card-header{margin-bottom:var(--spacing-6)}}.about-page-wrapper{align-items:center;background-color:var(--background-color);display:flex;justify-content:center;min-height:100vh;overflow-y:auto;padding:var(--spacing-4)}.about-card{background-color:var(--auth-card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-layer-3);max-width:600px;padding:var(--spacing-8);text-align:center;transition:var(--transition-ease);width:100%}.about-card-title{color:var(--auth-text-color);font-size:var(--text-title-md);font-weight:var(--font-bold);margin-bottom:var(--spacing-6)}.back-to-home-link{color:var(--primary-color);font-weight:var(--font-semibold);text-decoration:none;transition:var(--transition-ease)}.back-to-home-link:hover{text-decoration:underline}@media (max-width:768px){.about-page-wrapper{align-items:flex-start;padding:var(--spacing-2)}.about-card{background-color:initial;border:none;box-shadow:none;margin-top:var(--spacing-8);max-width:100%;padding:var(--spacing-4)}.about-card-title{font-size:var(--text-title-sm);margin-bottom:var(--spacing-4)}}.floating-label-select{-webkit-appearance:none;appearance:none;background-color:var(--input-background);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23475467' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right var(--spacing-3) center;background-repeat:no-repeat;background-size:1em;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color-dark);font-size:var(--text-theme-md);outline:none;padding:var(--spacing-3) var(--spacing-4);transition:all .2s ease;width:100%}.floating-label-select:focus{border-color:var(--primary-color);box-shadow:var(--shadow-focus)}.floating-label-select:focus+.floating-label,.floating-label.floated{color:var(--primary-color);font-size:var(--text-theme-sm);left:var(--spacing-2);top:-10px;transform:scale(.85)}.floating-label-select:focus+.floating-label{color:var(--primary-color)}.floating-label-group{padding-top:var(--spacing-4);position:relative}.floating-label-textarea{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color-dark);font-size:var(--text-theme-md);outline:none;padding:var(--spacing-3) var(--spacing-4);resize:vertical;transition:all .2s ease;width:100%}.floating-label-textarea:focus{border-color:var(--primary-color);box-shadow:var(--shadow-focus)}.floating-label{color:var(--text-color-light);font-size:var(--text-theme-md);left:var(--spacing-4);padding:0 var(--spacing-1);pointer-events:none;position:absolute;top:0;transform-origin:left top;transition:all .2s ease}.floating-label-textarea:focus+.floating-label,.floating-label.floated{color:var(--primary-color);font-size:var(--text-theme-sm);left:var(--spacing-2);top:-10px;transform:scale(.85)}.floating-label-textarea:focus+.floating-label{color:var(--primary-color)}.floating-label .required-asterisk{color:var(--color-error-500)}.checkbox-group{display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-bottom:var(--spacing-4);margin-top:var(--spacing-2)}.checkbox-label{align-items:center;background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);cursor:pointer;display:flex;font-size:var(--text-theme-md);padding:var(--spacing-2) var(--spacing-3);transition:var(--transition-ease)}.checkbox-label:hover{background-color:var(--secondary-color);border-color:var(--primary-color)}.checkbox-label input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkbox-label input[type=checkbox]+span{background-color:var(--input-background);border:2px solid var(--border-color);border-radius:var(--radius-sm);display:inline-block;height:18px;margin-right:var(--spacing-2);position:relative;transition:all .2s ease;width:18px}.checkbox-label input[type=checkbox]:checked+span{background-color:var(--primary-color);border-color:var(--primary-color)}.checkbox-label input[type=checkbox]:checked+span:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:5px;position:absolute;top:1px;transform:rotate(45deg);width:5px}.checkbox-label:has(input[type=checkbox]:checked){background-color:var(--primary-color);border-color:var(--primary-color);color:var(--color-white)}.checkbox-label:has(input[type=checkbox]:checked):hover{background-color:var(--primary-color-hover);border-color:var(--primary-color-hover)}.content-wrapper{margin:0 auto;max-width:1280px;padding:var(--spacing-4)}.page-title{color:var(--text-color-dark);font-size:var(--text-title-2xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-8);text-align:left}.hostel-description{color:var(--text-color-light);font-size:var(--text-theme-lg);line-height:var(--line-height-body);margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-8);position:relative}.hostel-description:after{background-color:var(--border-color);bottom:0;content:"";height:1px;left:0;position:absolute;width:100%}.gallery-details-grid{display:flex;flex-direction:column;gap:var(--spacing-8);margin-bottom:var(--spacing-12)}@media (min-width:1024px){.gallery-details-grid{flex-direction:row;gap:var(--spacing-8)}}.image-gallery-block{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-layer-2);display:flex;flex-basis:66%;flex-direction:column;padding:var(--spacing-4)}@media (min-width:1024px){.image-gallery-block{flex-basis:66%}}.main-image-wrapper{border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);overflow:hidden;padding-top:56.25%;position:relative;transition:transform .2s ease-in-out;width:100%}.main-image-wrapper:hover{transform:scale(1.02)}.main-image-wrapper img{border-radius:var(--radius-lg);height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.thumbnail-container{display:flex;gap:var(--spacing-2);overflow-x:auto;padding-bottom:var(--spacing-2)}.thumbnail-image{border-radius:var(--radius-md);cursor:pointer;flex-shrink:0;height:5rem;object-fit:cover;opacity:.6;transition:opacity .2s ease,border .2s ease;width:5rem}.thumbnail-image.selected{border:2px solid var(--primary-color);opacity:1}.key-details-block{display:flex;flex-basis:33%;flex-direction:column;gap:var(--spacing-4)}@media (min-width:1024px){.key-details-block{flex-basis:33%}}.detail-cards-wrapper{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:1fr}@media (min-width:640px) and (max-width:1023px){.detail-cards-wrapper{grid-template-columns:repeat(2,1fr)}}.detail-card{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-layer-1);display:flex;flex-direction:column;gap:var(--spacing-1);padding:var(--spacing-4)}.detail-card-header{align-items:center;display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-1)}.detail-card-label{color:var(--text-color-light);font-size:var(--text-theme-sm);font-weight:var(--font-medium);text-transform:uppercase}.detail-card-value{color:var(--text-color-dark);font-size:var(--text-theme-xl);font-weight:var(--font-bold)}.detail-card.status-approved{background-color:var(--status-confirmed-bg);border-color:var(--status-confirmed-border)}.detail-card.status-pending{background-color:var(--status-pending-bg);border-color:var(--status-pending-border)}.mobile-booking-cta{background-color:var(--primary-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-layer-2);color:var(--color-white);display:block;font-size:var(--text-theme-xl);font-weight:var(--font-semibold);margin-top:var(--spacing-8);padding:var(--spacing-4);text-align:center;text-decoration:none;transition:var(--transition-ease)}.mobile-booking-cta:hover{background-color:var(--primary-color-hover);transform:translateY(-2px)}@media (min-width:1024px){.mobile-booking-cta{display:none}}.rooms-section-title{align-items:center;color:var(--text-color-dark);display:flex;font-size:var(--text-title-lg);font-weight:var(--font-bold);gap:var(--spacing-3);margin-bottom:var(--spacing-8)}.rooms-section-title svg{color:var(--primary-color)}.room-cards-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--spacing-12)}.room-card{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-layer-1);display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-4)}.room-card-title{color:var(--text-color-dark);font-size:var(--text-theme-xl);font-weight:var(--font-bold)}.room-card-available{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.room-card-available:hover{box-shadow:var(--shadow-layer-2);transform:translateY(-2px)}.room-card-selected{background-color:var(--color-brand-50);border:2px solid var(--primary-color);box-shadow:var(--shadow-layer-2)}.room-card-occupied{background-color:var(--status-rejected-bg);border-color:var(--status-rejected-border);opacity:.7;pointer-events:none}.room-card-text{color:var(--text-color);font-size:var(--text-theme-md)}.room-card-amenities{color:var(--text-color-light);font-size:var(--text-theme-sm)}.room-card-status-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:var(--text-theme-sm);font-weight:var(--font-semibold);justify-content:center;padding:var(--spacing-1) var(--spacing-2);text-transform:capitalize;white-space:nowrap}.room-card-status-available{background-color:var(--status-confirmed-bg);color:var(--status-confirmed-text)}.room-card-status-occupied{background-color:var(--status-rejected-bg);color:var(--status-rejected-text)}.booking-form-section-title{align-items:center;color:var(--text-color-dark);display:flex;font-size:var(--text-title-lg);font-weight:var(--font-bold);gap:var(--spacing-3);margin-bottom:var(--spacing-8)}.booking-form-section-title svg{color:var(--primary-color)}.booking-form-wrapper{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-layer-2);margin-bottom:var(--spacing-16);padding:var(--spacing-8)}@media (max-width:639px){.hostel-content-wrapper{padding:var(--spacing-2)}.page-title{font-size:var(--text-title-xl);margin-bottom:var(--spacing-6)}.hostel-description{font-size:var(--text-theme-md);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-6)}.image-gallery-block,.key-details-block{flex-basis:100%}.detail-cards-wrapper,.form-grid,.room-cards-grid{grid-template-columns:1fr}}@media (min-width:640px) and (max-width:1023px){.hostel-content-wrapper{padding:var(--spacing-4)}.page-title{font-size:var(--text-title-2xl)}.detail-cards-wrapper,.form-grid{grid-template-columns:repeat(2,1fr)}}.amenities-list,.payment-methods-list,.room-types-list,.utility-type-list{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-2)}.amenity-item,.payment-method-item,.room-type-item{background-color:var(--secondary-color);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);cursor:default}.amenity-item,.payment-method-item,.room-type-item,.utility-type-button{font-size:var(--text-theme-sm);font-weight:var(--font-medium);padding:var(--spacing-1-5) var(--spacing-3)}.utility-type-button{background-color:var(--primary-color);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;transition:var(--transition-ease)}.utility-type-button:hover{background-color:var(--primary-color-hover);box-shadow:var(--shadow-layer-1)}.responsive-table-container{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-layer-1);overflow-x:auto}.responsive-table{border-collapse:collapse;table-layout:fixed;width:100%}.table-head{background-color:var(--secondary-color)}.table-header{border-bottom:1px solid var(--border-color);color:var(--text-color-light);font-size:var(--text-theme-xs);font-weight:var(--font-medium);letter-spacing:.05em;padding:var(--spacing-3) var(--spacing-4);text-align:left;text-transform:uppercase;white-space:nowrap}.table-row:hover{background-color:var(--secondary-color)}.table-cell{word-wrap:break-word;border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:var(--text-theme-md);padding:var(--spacing-3) var(--spacing-4);vertical-align:middle}.responsive-table tbody tr:last-child .table-cell{border-bottom:none}@media (max-width:767px){.responsive-table thead{display:none}.responsive-table tbody,.responsive-table td,.responsive-table tr{display:block;width:100%}.responsive-table tr{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-layer-1);margin-bottom:var(--spacing-4)}.responsive-table td{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);text-align:right}.responsive-table td:last-child{border-bottom:none}.responsive-table td:before{color:var(--text-color-dark);content:attr(data-label);flex:1 1;font-size:var(--text-theme-sm);font-weight:var(--font-semibold);padding-right:var(--spacing-4);text-align:left;text-transform:uppercase}}.profile-page-title{color:var(--color-gray-900);font-size:var(--text-title-md);font-weight:var(--font-bold);margin-bottom:2rem;text-align:left}.profile-card-layout{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:800px}.profile-info-section{background-color:var(--color-white);border-radius:.75rem;box-shadow:var(--shadow-theme-md);padding:1.5rem;text-align:center}.profile-avatar{align-items:center;background-color:var(--color-brand-100);border-radius:50%;color:var(--color-brand-700);display:flex;font-size:2.5rem;font-weight:var(--font-bold);height:96px;justify-content:center;margin:0 auto 1rem;width:96px}.avatar-initials{text-transform:uppercase}.profile-full-name{color:var(--color-gray-900);font-size:var(--text-title-sm);font-weight:var(--font-semibold);margin-bottom:.25rem}.profile-email,.profile-role{color:var(--color-gray-600);font-size:var(--text-theme-sm);margin-bottom:.5rem;text-transform:capitalize}.profile-edit-section{background-color:var(--color-white);border-radius:.75rem;box-shadow:var(--shadow-theme-md);padding:1.5rem}.section-title{border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-900);font-size:var(--text-title-sm);font-weight:var(--font-semibold);margin-bottom:1.5rem;padding-bottom:1rem;text-align:left}.form-layout{display:flex;flex-direction:column;gap:1rem}.submit-button{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:var(--text-theme-sm);font-weight:var(--font-semibold);justify-content:center;margin-top:1rem;padding:.75rem 1.5rem;transition:all .2s ease;width:100%}.btn-primary{background-color:var(--color-brand-500);box-shadow:var(--shadow-theme-sm);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-brand-600)}.btn-primary:disabled{background-color:var(--color-gray-300);cursor:not-allowed}.logout-button{background-color:var(--color-error-500);box-shadow:var(--shadow-theme-sm);color:var(--color-white);margin-top:1rem}.logout-button:hover{background-color:var(--color-error-600)}.logout-button.btn-secondary{background-color:var(--color-error-500);border:none;box-shadow:var(--shadow-theme-sm);color:var(--color-white)}.logout-button.btn-secondary:hover{background-color:var(--color-error-600)}.error-message,.loading-message,.no-data-message{color:var(--color-gray-500);font-size:var(--text-theme-xl);padding:2rem;text-align:center}.error-message{color:var(--color-error-600)}.success-message{color:var(--color-success-600)}@media (min-width:768px){.profile-card-layout{align-items:flex-start;flex-direction:row}.profile-info-section{flex:1 1;max-width:300px;padding:2rem}.profile-edit-section{flex:2 1;padding:2rem}}#root,body,html{height:100%}:root{--sidebar-width:255px;--sidebar-width-collapsed:72px;--header-height:62px}.app-header{box-shadow:0 1px 0 var(--border-color),0 4px 12px #0000000a;padding:0 var(--spacing-5)}.header-left,.header-right{gap:var(--spacing-3)}.sidebar{overflow:hidden;position:relative;transition:width .3s cubic-bezier(.4,0,.2,1)}.sidebar-header{background:var(--color-brand-500);padding:var(--spacing-4) var(--spacing-4) var(--spacing-3)}.app-logo-img-wrapper{align-items:center;display:inline-flex;position:relative;z-index:1}.app-logo-img-wrapper img{height:auto;max-width:70px}.sidebar-user-section{align-items:center;display:flex;gap:var(--spacing-3)}.sidebar-user-avatar{align-items:center;background:var(--color-brand-500);border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:var(--font-bold);height:40px;justify-content:center;width:40px}.sidebar-user-info{flex:1 1;min-width:0}.user-name{font-size:.875rem;margin-bottom:2px}.user-role{color:var(--text-color);font-size:.75rem}.user-role-badge{background:#465fff1a;border-radius:var(--radius-full);color:var(--primary-color);display:inline-block;font-size:.7rem;font-weight:var(--font-semibold);margin-top:3px;padding:2px 8px;text-transform:capitalize}.sidebar-nav{padding:var(--spacing-3) var(--spacing-2)}.nav-section-label{color:var(--text-color);font-size:.68rem;font-weight:var(--font-bold);letter-spacing:.1em;opacity:.55;padding:var(--spacing-3) var(--spacing-3) var(--spacing-1);text-transform:uppercase}.nav-item{border-radius:var(--radius-lg);font-size:.875rem;font-weight:var(--font-medium);gap:var(--spacing-3);margin-bottom:2px;padding:var(--spacing-2-5) var(--spacing-3);position:relative;transition:all .2s ease}.nav-item svg{flex-shrink:0;opacity:.7;transition:opacity .2s ease}.nav-item:hover{background:#465fff14;color:var(--primary-color)}.nav-item:hover svg{opacity:1}.nav-item:after{display:none}.nav-item.active{background:var(--color-brand-50);box-shadow:0 2px 8px #465fff1f;color:var(--color-brand-700);font-weight:var(--font-semibold)}.nav-item.active svg{color:var(--color-brand-600);opacity:1}.nav-item.active:before{background:var(--color-brand-500);border-radius:0 2px 2px 0;bottom:20%;content:"";left:0;position:absolute;top:20%;width:3px}.sidebar-footer{padding:var(--spacing-3) var(--spacing-2)}.logout-button{background:none;border:none;color:var(--color-error-600);cursor:pointer;width:100%}.logout-button:hover{background:#f0443814;color:var(--color-error-700)}.main-content{background-color:var(--background-color)}.authenticated-layout.sidebar-collapsed .logout-button span,.authenticated-layout.sidebar-collapsed .nav-item span,.authenticated-layout.sidebar-collapsed .nav-section-label,.authenticated-layout.sidebar-collapsed .sidebar-header .user-name,.authenticated-layout.sidebar-collapsed .sidebar-header .user-role,.authenticated-layout.sidebar-collapsed .sidebar-user-section .sidebar-user-info{display:none}.authenticated-layout.sidebar-collapsed .sidebar-user-section{justify-content:center;padding:var(--spacing-3)}.authenticated-layout.sidebar-collapsed .nav-item{padding:var(--spacing-3)}.authenticated-layout.sidebar-collapsed .nav-item.active:before{display:none}@media (max-width:767px){.sidebar{height:calc(100vh - 60px);height:calc(100vh - var(--header-height));left:0;max-width:82vw;position:fixed;top:60px;top:var(--header-height);transform:translateX(-100%);width:240px;z-index:1010}.authenticated-layout.sidebar-expanded .sidebar{transform:translateX(0)}.main-content{padding-left:0;width:100vw}.authenticated-layout.sidebar-expanded .main-content{overflow-x:hidden;padding-left:240px}.authenticated-layout.sidebar-expanded .sidebar-backdrop{background-color:#00000073;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1005}.app-header{z-index:1020}}.icon-button{border-radius:var(--radius-lg);transition:all .2s ease}.icon-button:hover{background-color:#465fff14}:root{--sidebar-width:250px;--sidebar-width-collapsed:80px;--header-height:60px}.authenticated-layout{background-color:var(--background-color);color:var(--text-color);display:flex;flex-direction:column;height:100%;overflow:hidden}.app-header{align-items:center;background-color:var(--header-background);box-shadow:var(--shadow-layer-1);display:flex;flex-shrink:0;height:60px;height:var(--header-height);justify-content:space-between;left:0;padding:0 var(--spacing-4);position:fixed;right:0;top:0;z-index:1020}.header-left,.header-right{align-items:center;display:flex;gap:var(--spacing-4)}.layout-body{display:flex;height:calc(100vh - 60px);height:calc(100vh - var(--header-height));margin-top:60px;margin-top:var(--header-height);overflow:hidden}.sidebar{background-color:var(--sidebar-background);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;height:100%;overflow-y:auto;transition:width .3s ease;width:250px;width:var(--sidebar-width);z-index:900}.sidebar-header,.sidebar-user-section{border-bottom:1px solid var(--border-color);flex-shrink:0;margin-bottom:var(--spacing-4);padding:var(--spacing-4);text-align:center}.user-name{color:var(--text-color-dark);font-size:var(--text-theme-lg);font-weight:var(--font-semibold);margin-bottom:var(--spacing-1)}.user-name,.user-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:var(--text-color-light);font-size:var(--text-theme-md);margin-top:0}.sidebar-nav{flex-grow:1;overflow-y:auto;padding:var(--spacing-4) 0}.sidebar-footer{border-top:1px solid var(--border-color);flex-shrink:0;padding:var(--spacing-2);text-align:center}.nav-item{align-items:center;border-radius:var(--radius-md);color:var(--text-color);display:flex;flex-direction:row;margin-bottom:var(--spacing-1);padding:var(--spacing-2) var(--spacing-4);text-decoration:none;transition:var(--transition-ease)}.nav-item svg{margin-right:var(--spacing-3)}.main-content{box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;overflow-y:auto;padding:var(--spacing-4);width:100%}.main-content-inner{flex-grow:1;padding:0;width:100%}.authenticated-layout.sidebar-collapsed .sidebar{width:80px;width:var(--sidebar-width-collapsed)}.authenticated-layout.sidebar-collapsed .logout-button span,.authenticated-layout.sidebar-collapsed .nav-item span,.authenticated-layout.sidebar-collapsed .sidebar-header .user-name,.authenticated-layout.sidebar-collapsed .sidebar-header .user-role{display:none}.authenticated-layout.sidebar-collapsed .nav-item{justify-content:center}.authenticated-layout.sidebar-collapsed .nav-item svg{margin-right:0}@media (max-width:767px){.sidebar{height:calc(100vh - 60px);height:calc(100vh - var(--header-height));left:0;max-width:80vw;position:fixed;top:60px;top:var(--header-height);transform:translateX(-100%);width:200px;z-index:1010}.authenticated-layout.sidebar-expanded .sidebar{transform:translateX(0)}.main-content{padding-left:0;width:100vw}.authenticated-layout.sidebar-expanded .main-content{overflow-x:hidden;padding-left:200px}.authenticated-layout.sidebar-expanded .sidebar-backdrop{background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1005}.app-header{z-index:1020}}.icon-button{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:var(--text-color);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-2);transition:var(--transition-ease)}.icon-button:hover{background-color:initial;color:var(--primary-color)}.dashboard-page-title{color:var(--text-color-dark);font-size:var(--text-title-md);font-weight:var(--font-bold);margin-bottom:var(--spacing-8);text-align:left}.list-container{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (max-width:768px){.list-container{grid-template-columns:1fr}}.list-item-card{align-items:center;background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-layer-1);display:flex;gap:var(--spacing-4);padding:var(--spacing-4);transition:var(--transition-ease)}.list-item-card:hover{box-shadow:var(--shadow-layer-2);transform:translateY(-2px)}.list-item-icon{color:var(--primary-color);flex-shrink:0}.list-item-content{flex-grow:1}.list-item-title{color:var(--text-color-dark);font-size:var(--text-theme-xl);font-weight:var(--font-semibold);margin-bottom:var(--spacing-1)}.list-item-details{color:var(--text-color);display:flex;flex-wrap:wrap;font-size:var(--text-theme-md);gap:var(--spacing-2)}.detail-item{align-items:center;display:flex;gap:var(--spacing-1)}.list-item-action{color:var(--text-color-light);flex-shrink:0;transition:var(--transition-ease)}.list-item-action:hover{color:var(--primary-color)}.error-message,.loading-message,.no-data-message{color:var(--text-color-light);font-size:var(--text-theme-xl);padding:var(--spacing-8);text-align:center}.status-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:var(--text-theme-sm);font-weight:var(--font-semibold);justify-content:center;padding:var(--spacing-1) var(--spacing-2);text-transform:capitalize;white-space:nowrap}.status-active{background-color:var(--color-success-25);color:var(--color-success-700)}.status-expired{background-color:var(--color-error-25);color:var(--color-error-700)}.status-terminated{background-color:var(--color-warning-25);color:var(--color-warning-700)}
/*# sourceMappingURL=main.69ca9580.css.map*/