*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1011;--bg-card:#161719;--bg-input:#1c1d20;--bg-hover:#212327;--border:#222427;--border-input:#2e3035;--text-primary:#ededed;--text-secondary:#8a8f9a;--text-muted:#4f5360;--text-faint:#32353e;--accent:#ededed;--accent-fg:#0c0d0e;--sidebar-bg:#0c0d0e;--green:#3ecf8e;--orange:#f5a623;--red:#f45b5b;--purple:#7c6af5}[data-theme=light]{--bg:#f7f7f5;--bg-card:#fff;--bg-input:#f0f0ee;--bg-hover:#e8e8e5;--border:#e4e4e1;--border-input:#d5d5d2;--text-primary:#111;--text-secondary:#5f6368;--text-muted:#909399;--text-faint:#b8bcc5;--accent:#111;--accent-fg:#f7f7f5;--sidebar-bg:#f0f0ee;--green:#1a9e6a;--orange:#d4760f;--red:#c93535;--purple:#5b50d6}[data-theme=dark]{--bg:#0f1011;--bg-card:#161719;--bg-input:#1c1d20;--bg-hover:#212327;--border:#222427;--border-input:#2e3035;--text-primary:#ededed;--text-secondary:#8a8f9a;--text-muted:#4f5360;--text-faint:#32353e;--accent:#ededed;--accent-fg:#0c0d0e;--sidebar-bg:#0c0d0e;--green:#3ecf8e;--orange:#f5a623;--red:#f45b5b;--purple:#7c6af5}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background .2s,color .2s}input,select,textarea,button{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}input[type=time]::-webkit-calendar-picker-indicator{filter:invert(.5)}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.5)}html,body{overflow-x:hidden}@media (max-width:768px){input[type=text],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=date],input[type=time],select,textarea{font-size:16px!important}main{padding:72px 16px 80px!important}h2{font-size:22px!important}[style*=grid-template-columns]{grid-template-columns:1fr!important}[style*="display: flex"][style*=gap]{flex-wrap:wrap}.stat-grid{grid-template-columns:1fr 1fr!important}.booking-actions{flex-direction:column;width:100%}.booking-actions button{justify-content:center;width:100%}.date-nav{flex-wrap:wrap;gap:6px}.rota-grid{-webkit-overflow-scrolling:touch;overflow-x:auto}.rota-grid table{min-width:600px}.finance-tabs{-webkit-overflow-scrolling:touch;white-space:nowrap;padding-bottom:4px;overflow-x:auto}.finance-tabs button{flex-shrink:0}.finance-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.customers-layout{flex-direction:column!important}.customers-list{border-bottom:1px solid var(--border);max-height:280px;overflow-y:auto;border-right:none!important;width:100%!important}.customers-detail{width:100%!important}.service-form-grid{grid-template-columns:1fr!important}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-content{max-height:90vh;overflow-y:auto;border-radius:16px 16px 0 0!important;width:100%!important;max-width:100%!important}.book-layout{flex-direction:column!important;padding:16px!important}.book-sidebar{margin-bottom:20px;width:100%!important}.book-main{width:100%!important}.service-grid{grid-template-columns:1fr!important}.slot-grid{grid-template-columns:repeat(3,1fr)!important}.settings-tabs{-webkit-overflow-scrolling:touch;white-space:nowrap;gap:4px;padding-bottom:4px;display:flex;overflow-x:auto}.settings-tabs button{flex-shrink:0}.staff-actions{flex-wrap:wrap;gap:6px}[style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns: 1fr 2fr"],[style*="grid-template-columns: 2fr 1fr"],[style*="grid-template-columns: 1fr 1fr 1fr"],[style*="grid-template-columns: repeat(2"],[style*="grid-template-columns: repeat(3"]{grid-template-columns:1fr!important}[style*="display: flex"][style*="gap: 8"],[style*="display: flex"][style*="gap: 10"],[style*="display: flex"][style*="gap: 12"]{flex-wrap:wrap}.invoice-paper{padding:24px 20px!important}.invoice-header{gap:16px;flex-direction:column!important}.invoice-header .inv-ref{text-align:left!important}.mobile-bottom-nav{background:var(--sidebar-bg);border-top:1px solid var(--border);padding:0 0 env(safe-area-inset-bottom,0px);z-index:100;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav a{color:var(--text-muted);border-top:2px solid #0000;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 4px 8px;font-size:10px;text-decoration:none;transition:color .15s;display:flex}.mobile-bottom-nav a.active{color:var(--text-primary);border-top-color:var(--text-primary)}.mobile-bottom-nav .nav-icon{font-size:18px;line-height:1}.hide-mobile{display:none!important}.show-mobile{display:block!important}table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}[style*="max-width: 720px"],[style*="max-width: 800px"],[style*="max-width: 900px"]{max-width:100%!important}}