*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}:root{--color-primary:#d9531e;--color-primary-rgb:217, 83, 30;--color-primary-hover:#b84214;--color-espresso:#1f1610;--color-espresso-rgb:31, 22, 16;--color-medium-brown:#4a382c;--color-medium-brown-rgb:74, 56, 44;--color-light-brown:#7a6657;--color-cream:#fcfaf7;--color-white:#fff;--color-black:#0e0704;--color-available:#059669;--color-available-bg:#ecfdf5;--color-reserved:#d97706;--color-reserved-bg:#fffbeb;--color-paid:#7c3aed;--color-paid-bg:#f5f3ff;--color-locked:#1f1610;--color-locked-bg:#f3f0ec;--color-income:#059669;--color-expense:#dc2626;--font-xs:.75rem;--font-sm:.85rem;--font-md:.95rem;--font-lg:1.1rem;--font-xl:1.25rem;--font-2xl:1.45rem;--font-3xl:1.85rem;--shadow-sm:0 2px 8px #1f16100a;--shadow-md:0 6px 20px #1f16100f;--shadow-lg:0 16px 36px #1f16101a;--shadow-inner:inset 0 2px 4px #0000000a;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.4s cubic-bezier(.16, 1, .3, 1)}html,body{max-width:100vw;overflow-x:hidden}body{background-color:var(--color-cream);color:var(--color-espresso);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.app-container{flex-direction:column;width:100%;max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.app-header{-webkit-backdrop-filter:blur(16px)saturate(180%);color:var(--color-white);z-index:100;background:#1a0f09c2;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding:.85rem 2rem;transition:all .3s;display:flex;position:sticky;top:0;box-shadow:0 8px 32px #00000059}.header-brand{align-items:center;gap:.75rem;transition:transform .2s;display:flex}.header-brand:hover{transform:translateY(-1px)}.header-logo-circle{border-radius:var(--radius-full);background-color:var(--color-primary);border:1px solid var(--color-white);width:42px;height:42px;color:var(--color-white);font-weight:800;font-size:var(--font-xs);justify-content:center;align-items:center;display:flex;box-shadow:0 0 12px #e65a1566}.header-title-container{flex-direction:column;display:flex}.header-title{font-size:var(--font-lg);letter-spacing:.8px;text-transform:uppercase;background:linear-gradient(135deg,#fff 0%,#fae8d0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:800}.header-subtitle{font-size:var(--font-xs);color:#faf6f0a6;font-weight:500}.desktop-nav{align-items:center;gap:1.75rem;display:flex}.nav-link{cursor:pointer;font-size:var(--font-sm);align-items:center;gap:.5rem;font-weight:600;text-decoration:none;transition:color .25s,opacity .25s;display:flex;position:relative;color:#faf6f0b8!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:.5rem .2rem!important}.nav-link:hover{color:#fff!important;box-shadow:none!important;background:0 0!important}.nav-link.active{font-weight:800;color:#ff9f43!important;box-shadow:none!important;background:0 0!important}.nav-link:after{content:"";opacity:0;background:linear-gradient(90deg,#e65a15,#ff9f43);border-radius:3px;width:0%;height:3px;transition:width .3s cubic-bezier(.34,1.56,.64,1),opacity .3s;position:absolute;bottom:-4px;left:0}.nav-link:hover:after{opacity:.6;width:50%}.nav-link.active:after{opacity:1;width:100%;box-shadow:0 0 12px #e65a15b3}.nav-link.logout-nav-btn{margin-left:.5rem;color:#e65a15e6!important}.nav-link.logout-nav-btn:hover{color:#ff6b4a!important}.nav-link.logout-nav-btn:after{display:none}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem}.mobile-nav-bar{display:none}@media (width<=768px){body{background-color:var(--color-white);width:100%;max-width:100vw;height:auto;position:static;overflow:hidden visible}.app-container{max-width:100vw;height:auto;overflow:hidden visible}.app-header{flex-shrink:0;gap:.5rem;height:auto;padding:.8rem 1rem}.header-title{font-size:14px!important}.header-subtitle{font-size:10px!important}.desktop-nav{display:none}.main-content{height:auto;padding:1rem 1rem 80px;overflow-y:visible}.mobile-nav-bar{background-color:var(--color-espresso);border-top:1px solid var(--color-medium-brown);z-index:100;height:64px;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #00000026}.mobile-nav-item{color:#faf6f099;cursor:pointer;height:100%;font-size:var(--font-xs);transition:var(--transition-fast);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-weight:500;display:flex}.mobile-nav-item.active{color:var(--color-primary);font-weight:700}.mobile-nav-icon{transition:var(--transition-bounce);font-size:1.25rem}.mobile-nav-item.active .mobile-nav-icon{transform:scale(1.15)translateY(-2px)}}.premium-card{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:transform var(--transition-normal), box-shadow var(--transition-normal);border:1px solid #4d2f1e14;padding:1.5rem}.premium-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);font-weight:700;font-size:var(--font-sm);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--color-white);box-shadow:0 4px 10px #e65a1533}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--color-espresso);background-color:#4d2f1e14}.btn-secondary:hover{background-color:#4d2f1e1f}.btn-outline{border:2px solid var(--color-primary);color:var(--color-primary);background:0 0}.btn-outline:hover{background-color:#e65a150d}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:fadeIn var(--transition-fast);background-color:#23120a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--color-white);border-radius:var(--radius-md);width:90%;max-width:500px;box-shadow:var(--shadow-lg);animation:slideUp var(--transition-bounce);border:1px solid #4d2f1e1a;flex-direction:column;max-height:90vh;display:flex;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.modal-overlay{align-items:center}.modal-content{width:100%;max-width:100%;height:100%;max-height:100vh;animation:drawerSlideUp var(--transition-bounce);border-bottom:none;border-radius:0;margin-bottom:0}}@keyframes drawerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{background-color:var(--color-espresso);color:var(--color-white);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title{font-size:var(--font-lg);font-weight:700}.modal-close-btn{color:var(--color-white);cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1}.modal-body{flex:1;padding:1.5rem;overflow-y:auto}.form-group{margin-bottom:1.25rem}.form-label{font-size:var(--font-sm);color:var(--color-medium-brown);margin-bottom:.4rem;font-weight:700;display:block}.form-input{border-radius:var(--radius-sm);width:100%;font-size:var(--font-md);color:var(--color-espresso);background-color:var(--color-cream);transition:var(--transition-fast);border:1px solid #4d2f1e33;padding:.75rem 1rem}.form-input:focus{border-color:var(--color-primary);background-color:var(--color-white);outline:none;box-shadow:0 0 0 3px #e65a1526}.badge{border-radius:var(--radius-full);font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.5px;align-items:center;padding:.25rem .75rem;font-weight:700;display:inline-flex}.badge-success{background-color:var(--color-available-bg);color:var(--color-available)}.badge-warning{background-color:var(--color-reserved-bg);color:var(--color-reserved)}.badge-primary{background-color:var(--color-paid-bg);color:var(--color-paid)}.badge-dark{background-color:var(--color-locked-bg);color:var(--color-espresso)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-cream)}::-webkit-scrollbar-thumb{background:var(--color-light-brown);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-medium-brown)}.promo-countdown-wrapper{text-align:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:0;flex-direction:column;align-items:center;gap:.4rem;width:100%;margin-top:.6rem;padding:.4rem 0;display:flex}.promo-countdown-wrapper.compact{text-align:center;align-items:center;margin:.35rem 0;padding:.25rem 0}.promo-countdown-wrapper.boxed{background:#140a0573;border:1px solid #ff7a3d59;border-radius:14px;width:100%;max-width:480px;margin-top:.85rem;padding:.65rem 1rem;box-shadow:0 4px 16px #0003}.countdown-header{letter-spacing:.8px;color:#c2410c;text-transform:uppercase;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.flame-icon{color:#ea580c;animation:1.5s infinite pulseFlame}@keyframes pulseFlame{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.countdown-timer-box{justify-content:center;align-items:center;gap:.5rem;display:flex}.time-unit{border-radius:8px;flex-direction:column;align-items:center;min-width:44px;padding:.35rem .65rem;display:flex;box-shadow:0 4px 12px #00000014;background:#fff!important;border:1px solid #4a382c2e!important}.compact .time-unit{min-width:36px;padding:.25rem .45rem}.unit-number{font-variant-numeric:tabular-nums;font-size:16px;font-weight:900;line-height:1;color:#1f1610!important}.compact .unit-number{font-size:13px}.unit-label{text-transform:uppercase;margin-top:2px;font-size:9px;font-weight:800;color:#594537!important}.colon{color:#c2410c;margin-bottom:8px;font-size:16px;font-weight:900}.hero-promo-card .countdown-header,.footer-promo-banner .countdown-header,.promo-countdown-wrapper.boxed .countdown-header,.hero-promo-card .colon,.footer-promo-banner .colon,.promo-countdown-wrapper.boxed .colon{color:#ffaa75;text-shadow:0 1px 3px #000000b3}.promo-countdown-inline{color:var(--color-primary);background:#d9531e1a;border-radius:20px;align-items:center;gap:6px;padding:.3rem .75rem;font-size:12px;font-weight:600;display:inline-flex}@media (prefers-color-scheme:dark){:root{--color-primary:#ff6b35;--color-primary-rgb:255, 107, 53;--color-primary-hover:#e0531f;--color-espresso:#f7f4ee;--color-espresso-rgb:247, 244, 238;--color-medium-brown:#d1c2b4;--color-medium-brown-rgb:209, 194, 180;--color-light-brown:#a89587;--color-cream:#120a06;--color-white:#1c120c;--color-black:#fff;--color-available:#34d399;--color-available-bg:#34d39926;--color-reserved:#fbbf24;--color-reserved-bg:#fbbf2426;--color-paid:#a78bfa;--color-paid-bg:#a78bfa26;--color-locked:#3b281c;--color-locked-bg:#ffffff14;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 24px #00000073;--shadow-lg:0 16px 40px #0009}body{background-color:var(--color-cream);color:var(--color-espresso)}.premium-card{background-color:var(--color-white);border:1px solid #ffffff14;box-shadow:0 8px 30px #0006}.form-input{color:#fff!important;background-color:#261a12!important;border-color:#ffffff26!important}.form-input:focus{border-color:var(--color-primary)!important;background-color:#2d1e15!important}.modal-content{background-color:#1a100a;border-color:#ffffff1f}.modal-header{background-color:#120904;border-bottom:1px solid #ffffff14}.office-room-floor{background-color:#180e08!important;border-color:#ffffff26!important}.horizontal-table-surface{color:#d1c2b4!important;background-color:#2b1c13!important;border-color:#ffffff26!important}.office-seat-h{background-color:#261810;border-color:#ffffff26}.floor-entrance-door,.left-window,.right-window{background-color:#261810!important;border-color:#ffffff26!important}.location-detail-item{background:#241710!important;border-color:#ffffff14!important}.detail-icon-circle{background:#332016!important}}