*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #2563eb;--primary-dark: #1e40af;--primary-light: #eff6ff;--secondary: #10b981;--danger: #ef4444;--warning: #f59e0b;--success: #10b981;--neutral-50: #f9fafb;--neutral-100: #f3f4f6;--neutral-200: #e5e7eb;--neutral-300: #d1d5db;--neutral-400: #9ca3af;--neutral-500: #6b7280;--neutral-600: #4b5563;--neutral-700: #374151;--neutral-800: #1f2937;--neutral-900: #111827}html,body{height:100%;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,var(--neutral-50) 0%,#f0f9ff 100%);color:var(--neutral-900)}.screen{display:none;position:fixed;inset:0;width:100%;height:100%;overflow-y:auto;z-index:1000;animation:fadeIn .3s ease-in}.screen.active{display:flex!important;flex-direction:column}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-screen{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%)!important;justify-content:center;align-items:center;padding:20px}.auth-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;padding:24px 20px;width:100%;max-width:420px;animation:slideUp .4s ease-out}@media(min-width:480px){.auth-container{padding:40px}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-container h1{font-size:32px;margin-bottom:8px;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-container p{color:var(--neutral-500);margin-bottom:30px;font-size:14px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:600;font-size:13px;color:var(--neutral-700);text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select{width:100%;padding:12px 14px;border:2px solid var(--neutral-200);border-radius:8px;font-size:14px;font-family:inherit;transition:all .3s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;font-family:inherit;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;width:100%;margin-bottom:12px;box-shadow:0 4px 12px #2563eb4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #2563eb66}.btn-secondary{background:var(--neutral-100);color:var(--neutral-900)}.btn-secondary:hover{background:var(--neutral-200)}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:8px 16px;font-size:13px}.btn-link{display:inline;background:none;color:var(--primary);padding:0;text-decoration:none;border:none;cursor:pointer;font-size:14px}.btn-link:hover{text-decoration:underline}.header{background:#fff;border-bottom:1px solid var(--neutral-200);padding:10px 14px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 4px #0000000f;z-index:100;flex-shrink:0;gap:8px}.header h1{font-size:17px;font-weight:700;display:flex;align-items:center;gap:6px;color:var(--primary);white-space:nowrap}.header-nav{display:flex;gap:6px;align-items:center;flex-shrink:0;min-width:0}.header-nav select,.header-nav input[type=text]{padding:7px 8px;border:1px solid var(--neutral-300);border-radius:6px;font-size:12px;font-family:inherit;max-width:110px;min-width:0}.btn-menu{background:var(--neutral-100);border:none;font-size:16px;cursor:pointer;padding:8px 10px;border-radius:6px;color:var(--neutral-600);min-width:36px;min-height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.btn-menu.active{background:var(--primary);color:#fff}.btn-menu-labeled{background:var(--neutral-100);border:none;font-size:13px;font-weight:600;cursor:pointer;padding:9px 14px;border-radius:6px;color:var(--neutral-600);min-height:36px;display:flex;align-items:center;justify-content:center;gap:6px;-webkit-tap-highlight-color:transparent}.screen-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 14px;padding-bottom:calc(76px + env(safe-area-inset-bottom,16px))}.container{max-width:1200px;margin:0 auto}.section-title{font-size:16px;font-weight:700;margin-bottom:14px;color:var(--neutral-900);display:flex;align-items:center;gap:8px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.stat-card{background:#fff;border-radius:12px;padding:14px;box-shadow:0 2px 8px #0000000f;border:1px solid var(--neutral-100)}.stat-icon{font-size:22px;margin-bottom:6px}.stat-value{font-size:26px;font-weight:700;color:var(--primary);margin-bottom:2px}.stat-label{font-size:11px;color:var(--neutral-500);font-weight:600;text-transform:uppercase;letter-spacing:.4px}.card{background:#fff;border-radius:12px;padding:14px;margin-bottom:10px;box-shadow:0 2px 8px #0000000f;border:1px solid var(--neutral-100)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-header .btn{width:auto;flex-shrink:0}.card-title{font-weight:600;font-size:15px;color:var(--neutral-900)}.badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.inv-filter-btn{padding:5px 12px;border-radius:20px;border:1.5px solid var(--neutral-300);background:#fff;color:var(--neutral-600);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.inv-filter-btn:hover{border-color:var(--primary);color:var(--primary)}.inv-filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}@media(max-width:480px){#notifPanel{left:0!important;width:100%!important;max-width:100%!important}}.nav{background:#fff;border-top:1px solid var(--neutral-200);padding:4px 0;padding-bottom:max(4px,env(safe-area-inset-bottom));display:flex;gap:0;position:fixed;bottom:0;left:0;right:0;z-index:1000;box-shadow:0 -2px 8px #0000000f}.nav-item{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;cursor:pointer;color:var(--neutral-400);font-size:9px;font-weight:600;transition:color .2s;border-top:2px solid transparent;-webkit-tap-highlight-color:transparent;user-select:none}.nav-item:active{opacity:.7}.nav-item.active{color:var(--primary);border-top-color:var(--primary)}.nav-icon{font-size:19px;line-height:1}@media(max-width:639px){.nav-item{font-size:0;gap:0;padding:8px 2px}.nav-item.active{font-size:8px;gap:1px;padding:6px 2px;overflow:hidden;white-space:nowrap}.nav-icon{font-size:22px}}.alert{padding:14px 16px;border-radius:8px;margin-bottom:16px;font-size:14px;display:flex;gap:8px;align-items:center;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.loading{display:flex;justify-content:center;align-items:center;gap:12px;padding:20px;color:var(--neutral-500)}.spinner{width:18px;height:18px;border:3px solid var(--primary-light);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}input,select,textarea{font-size:16px!important}.btn{min-height:44px;-webkit-tap-highlight-color:transparent}.btn-sm{min-height:36px;padding:8px 14px;font-size:13px}button,[onclick]{-webkit-tap-highlight-color:transparent}.filter-chips{display:flex;gap:7px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px;flex-shrink:0}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{flex-shrink:0;padding:9px 18px;border-radius:22px;border:1.5px solid var(--neutral-300);background:#fff;color:var(--neutral-600);font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;min-height:44px;display:flex;align-items:center;-webkit-tap-highlight-color:transparent;user-select:none;transition:background .12s,color .12s,border-color .12s}.filter-chip.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px #2563eb40}.filter-chip:active{opacity:.75}.inv-sub-tab-row{background:#fff;border-bottom:1px solid var(--neutral-200);padding:0 14px;display:flex;gap:0;flex-shrink:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap}.inv-sub-tab-row::-webkit-scrollbar{display:none}.inv-sub-tab{flex-shrink:0}.header-nav select,#bookingFiltersPanel select,#bookingFiltersPanel input[type=date]{-webkit-appearance:none;appearance:none;min-height:44px;padding:10px 32px 10px 12px;border-radius:8px;border:1.5px solid var(--neutral-300);background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236b7280' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}@media(max-width:400px){#earningsPeriodSelect{font-size:13px!important}}#inventoryAvailFilter{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px;scrollbar-width:none;-ms-overflow-style:none;gap:6px}#inventoryAvailFilter::-webkit-scrollbar{display:none}.inv-filter-btn{flex-shrink:0;white-space:nowrap;min-height:34px}#bookingSearch{width:100%;font-size:16px;padding:9px 12px;border:1px solid var(--neutral-300);border-radius:8px;font-family:inherit}@media(min-width:640px){.screen-content{padding:18px 20px;padding-bottom:calc(72px + env(safe-area-inset-bottom,8px))}.header{padding:13px 20px}.header h1{font-size:19px}.header-nav select,.header-nav input[type=text]{max-width:160px;font-size:13px;padding:8px 12px}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:24px}.stat-card{padding:18px}.stat-icon{font-size:26px;margin-bottom:8px}.stat-value{font-size:30px}.stat-label{font-size:12px}.card{padding:16px;margin-bottom:12px}.card-title{font-size:15px}#inventoryAvailFilter{flex-wrap:wrap;overflow-x:visible;padding-bottom:0}.cal-cell{min-height:80px}.nav-item{font-size:10px;padding:6px 2px;gap:3px}.nav-icon{font-size:20px}.section-title{font-size:18px;margin-bottom:18px}.earnings-amount{font-size:46px}}@media(max-height:500px)and (orientation:landscape){.header{padding:6px 14px}.header h1{font-size:15px}.nav{padding:2px 0;padding-bottom:max(2px,env(safe-area-inset-bottom))}.nav-item{padding:3px 2px;gap:0;font-size:0}.nav-item.active{font-size:0;gap:0;padding:3px 2px}.nav-icon{font-size:18px}.screen-content{padding:8px 14px;padding-bottom:calc(44px + env(safe-area-inset-bottom,4px))}}@media(min-width:1024px){.screen-content{padding:24px 24px 80px}#calendarScreen .screen-content{padding:0 0 80px}.header{padding:14px 24px}.header h1{font-size:20px}.header-nav select,.header-nav input[type=text]{max-width:none}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-bottom:28px}.stat-card{padding:22px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0000001a}.stat-icon{font-size:30px;margin-bottom:10px}.stat-value{font-size:34px}.stat-label{font-size:13px}.card{padding:20px;margin-bottom:16px}.card:hover{box-shadow:0 6px 14px #00000014}.card-title{font-size:16px}.cal-cell{min-height:100px}.cal-grid-3day .cal-cell{min-height:280px}.cal-grid-week .cal-cell{min-height:200px}.nav-item{font-size:11px;padding:8px 2px;gap:4px}.nav-icon{font-size:21px}.section-title{font-size:20px;margin-bottom:20px}.earnings-amount{font-size:52px}}#calendarScreen .screen-content{padding:0 0 calc(70px + env(safe-area-inset-bottom,8px)) 0}#calendarScreen .container{max-width:none;padding:0}.cal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 8px}.cal-month-label{font-size:20px;font-weight:700;color:var(--neutral-900)}.cal-nav-btn{background:var(--neutral-100);border:none;width:36px;height:36px;border-radius:8px;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:background .2s;line-height:1}.cal-nav-btn:hover{background:var(--neutral-200)}.cal-dow-header{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:2px;padding:0 2px}.cal-dow{text-align:center;font-size:10px;font-weight:700;color:var(--neutral-400);text-transform:uppercase;letter-spacing:.5px;padding:4px 0}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;padding:0 2px 2px;background:var(--neutral-200)}.cal-cell{min-height:80px;padding:5px 3px 3px;background:#fff;cursor:pointer;transition:background .12s;overflow:hidden}.cal-cell:hover{background:#f8fafc}.cal-cell-empty{background:#fafafa!important;cursor:default;pointer-events:none}.cal-cell-today{background:#eff6ff}.cal-day-num{font-size:12px;font-weight:600;color:var(--neutral-500);height:24px;display:flex;align-items:center;padding-left:2px;margin-bottom:4px}.cal-today-num{display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;width:22px;height:22px;border-radius:50%;font-size:11px}.cal-pill{font-size:12px;font-weight:600;height:20px;line-height:20px;padding:0 5px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;display:block;border-radius:3px}.cal-pill-spacer{height:20px;display:block;margin-bottom:3px}.cal-more{font-size:11px;color:var(--neutral-400);font-weight:600;padding-left:2px}.cal-view-toggle{display:flex;gap:2px;background:var(--neutral-100);border-radius:8px;padding:2px}.cal-view-btn{padding:5px 10px;border:none;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;background:transparent;color:var(--neutral-500);transition:all .15s;white-space:nowrap}.cal-view-btn.active{background:#fff;color:var(--primary);box-shadow:0 1px 3px #0000001f}.cal-grid-3day{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:0 2px 2px;background:var(--neutral-200)}.cal-grid-week{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;padding:0 2px 2px;background:var(--neutral-200)}.cal-grid-1day{display:block;padding:0 2px 2px}.cal-grid-3day .cal-cell{min-height:220px}.cal-grid-week .cal-cell{min-height:150px}.cal-cell-1day{background:#fff;min-height:200px;padding:12px}.cal-1day-booking{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;margin-bottom:8px;border-radius:10px;cursor:pointer;transition:opacity .15s}.cal-1day-booking:hover{opacity:.85}.cal-1day-booking-bar{width:4px;border-radius:2px;align-self:stretch;flex-shrink:0}.cal-1day-booking-name{font-size:15px;font-weight:700;color:#111;line-height:1.2}.cal-1day-booking-meta{font-size:12px;color:#555;margin-top:3px}.cal-1day-booking-time{font-size:12px;font-weight:600;margin-top:4px}.cal-dow-header-3day{grid-template-columns:repeat(3,1fr)}.cal-dow-header-1day{grid-template-columns:repeat(1,1fr)}.cal-time-chip{font-size:11px;padding:3px 5px;border-radius:4px;margin-bottom:3px;color:#fff;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;font-weight:600}.earnings-hero{text-align:center;padding:32px 16px 28px;background:linear-gradient(135deg,var(--primary) 0%,#7c6ef5 100%);border-radius:16px;color:#fff;margin-bottom:20px}.earnings-amount{font-size:38px;font-weight:800;letter-spacing:-2px;line-height:1}.earnings-month-label{font-size:14px;opacity:.8;margin-top:8px;font-weight:500}.earnings-sub{font-size:13px;opacity:.65;margin-top:4px}.earnings-order-row{display:flex;justify-content:space-between;align-items:center}.earnings-order-amount{font-weight:700;font-size:16px;color:var(--success);white-space:nowrap;margin-left:12px}.wh-status-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:10px}.wh-card{cursor:pointer;transition:box-shadow .15s}.wh-card:hover{box-shadow:0 4px 12px #0000001a}.wh-field-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--neutral-500);margin-bottom:2px}.wh-field-value{font-size:13px;color:var(--neutral-900)}.inv-sub-tab{padding:10px 16px;border:none;background:none;font-size:13px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;color:var(--neutral-500);-webkit-tap-highlight-color:transparent}.inv-sub-tab.active{border-bottom-color:var(--primary);color:var(--primary)}html[data-theme=dark]{filter:invert(1) hue-rotate(180deg);background:#fff}html[data-theme=dark] img,html[data-theme=dark] video,html[data-theme=dark] iframe,html[data-theme=dark] canvas,html[data-theme=dark] svg image{filter:invert(1) hue-rotate(180deg)}