*{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:#e65a15;--color-primary-rgb:230, 90, 21;--color-primary-hover:#c54a0f;--color-espresso:#23120a;--color-espresso-rgb:35, 18, 10;--color-medium-brown:#4d2f1e;--color-medium-brown-rgb:77, 47, 30;--color-light-brown:#8d6e5d;--color-cream:#faf6f0;--color-white:#fff;--color-black:#0e0704;--color-available:#10b981;--color-available-bg:#e6f4ea;--color-reserved:#f59e0b;--color-reserved-bg:#fef3c7;--color-paid:#8b5cf6;--color-paid-bg:#ede9fe;--color-locked:#23120a;--color-locked-bg:#f0ece7;--color-income:#10b981;--color-expense:#ef4444;--font-xs:.75rem;--font-sm:.875rem;--font-md:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:2rem;--shadow-sm:0 2px 4px #23120a0d;--shadow-md:0 4px 12px #23120a14;--shadow-lg:0 8px 24px #23120a1f;--shadow-inner:inset 0 2px 4px #0000000f;--radius-sm:8px;--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:.5s cubic-bezier(.175, .885, .32, 1.275)}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{background-color:var(--color-espresso);color:var(--color-white);z-index:100;box-shadow:var(--shadow-md);border-bottom:2px solid var(--color-medium-brown);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.header-brand{align-items:center;gap:.75rem;display:flex}.header-logo-circle{border-radius:var(--radius-full);background-color:var(--color-primary);border:2px 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 10px #e65a154d}.header-title-container{flex-direction:column;display:flex}.header-title{font-size:var(--font-lg);letter-spacing:.5px;text-transform:uppercase;color:var(--color-white);font-weight:800}.header-subtitle{font-size:var(--font-xs);color:#faf6f0b3;font-weight:500}.desktop-nav{gap:.5rem;display:flex}.nav-link{color:#faf6f0cc;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-sm);transition:var(--transition-fast);background:0 0;border:none;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-weight:600;display:flex}.nav-link:hover{color:var(--color-white);background-color:#ffffff14}.nav-link.active{background-color:var(--color-primary);color:var(--color-white);box-shadow:0 4px 10px #e65a1533}.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-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--color-medium-brown);margin-bottom:.5rem;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:2px solid #4d2f1e26;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)}