:root{--ios-blue: #007AFF;--ios-blue-light: #5AC8FA;--ios-blue-dark: #0051D5;--ios-green: #34C759;--ios-indigo: #5856D6;--ios-orange: #FF9500;--ios-pink: #FF2D55;--ios-purple: #AF52DE;--ios-red: #FF3B30;--ios-teal: #5AC8FA;--ios-yellow: #FFCC00;--ios-gray: #8E8E93;--ios-gray-2: #AEAEB2;--ios-gray-3: #C7C7CC;--ios-gray-4: #D1D1D6;--ios-gray-5: #E5E5EA;--ios-gray-6: #F2F2F7;--ios-bg-primary: #FFFFFF;--ios-bg-secondary: #F2F2F7;--ios-bg-tertiary: #FFFFFF;--ios-bg-grouped: #F2F2F7;--ios-label-primary: #000000;--ios-label-secondary: rgba(60, 60, 67, .6);--ios-label-tertiary: rgba(60, 60, 67, .3);--ios-label-quaternary: rgba(60, 60, 67, .18);--ios-fill-primary: rgba(120, 120, 128, .2);--ios-fill-secondary: rgba(120, 120, 128, .16);--ios-fill-tertiary: rgba(118, 118, 128, .12);--ios-separator: rgba(60, 60, 67, .29);--ios-separator-opaque: #C6C6C8;--ios-space-1: 4px;--ios-space-2: 8px;--ios-space-3: 12px;--ios-space-4: 16px;--ios-space-5: 20px;--ios-space-6: 24px;--ios-space-8: 32px;--ios-space-10: 40px;--ios-radius-sm: 8px;--ios-radius-md: 10px;--ios-radius-lg: 12px;--ios-radius-xl: 16px;--ios-radius-2xl: 20px;--ios-radius-3xl: 24px;--ios-radius-full: 9999px;--ios-shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--ios-shadow-md: 0 4px 12px rgba(0, 0, 0, .12);--ios-shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--ios-font-regular: 400;--ios-font-medium: 500;--ios-font-semibold: 600;--ios-font-bold: 700;--ios-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--ios-transition-base: .2s cubic-bezier(.4, 0, .2, 1);--ios-transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--ios-spring: cubic-bezier(.36, .66, .04, 1)}.ios-glass{background:#ffffffb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.ios-glass-dark{background:#0000004d;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.ios-glass-light{background:#ffffff80;backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%)}.ios-card{background:var(--ios-bg-primary);border-radius:var(--ios-radius-lg);box-shadow:var(--ios-shadow-sm);overflow:hidden}.ios-card-grouped{background:var(--ios-bg-secondary);border-radius:var(--ios-radius-xl);overflow:hidden}.ios-list-item{background:var(--ios-bg-primary);padding:var(--ios-space-4) var(--ios-space-4);border-bottom:.5px solid var(--ios-separator);transition:background var(--ios-transition-fast)}.ios-list-item:active{background:var(--ios-fill-tertiary)}.ios-list-item:last-child{border-bottom:none}.ios-button{background:var(--ios-blue);color:#fff;border:none;border-radius:var(--ios-radius-md);padding:12px 24px;font-weight:var(--ios-font-semibold);font-size:17px;transition:transform var(--ios-transition-fast),opacity var(--ios-transition-fast);cursor:pointer}.ios-button:active{transform:scale(.96);opacity:.8}.ios-button-secondary{background:var(--ios-fill-secondary);color:var(--ios-blue)}.ios-button-destructive{background:var(--ios-red);color:#fff}.ios-input{background:var(--ios-fill-tertiary);border:none;border-radius:var(--ios-radius-md);padding:12px 16px;font-size:17px;color:var(--ios-label-primary);transition:background var(--ios-transition-fast)}.ios-input:focus{outline:none;background:var(--ios-fill-secondary)}.ios-search-bar{background:var(--ios-fill-tertiary);border-radius:var(--ios-radius-md);padding:8px 12px;display:flex;align-items:center;gap:8px}.ios-search-bar input{background:transparent;border:none;outline:none;flex:1;font-size:17px;color:var(--ios-label-primary)}.ios-search-bar input::placeholder{color:var(--ios-label-tertiary)}.ios-tab-bar{position:fixed;bottom:0;left:0;right:0;background:#fffffff0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid rgba(226,232,240,.95);padding:10px 14px 0;padding-bottom:max(10px,env(safe-area-inset-bottom,10px));display:flex;justify-content:space-around;align-items:stretch;z-index:1000;gap:8px;box-shadow:0 -8px 30px #0f172a14}.ios-tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:9px 6px 11px;background:transparent;border:none;cursor:pointer;color:#94a3b8;transition:all .22s ease;border-radius:18px;position:relative;min-height:58px;-webkit-tap-highlight-color:transparent}.ios-tab-item.active{color:var(--ios-blue);background:linear-gradient(180deg,#eff6fffa,#dbeafeeb);box-shadow:inset 0 0 0 1px #bfdbfef2}.ios-tab-item:active{transform:scale(.95);background:#0000000d}.ios-tab-item.active:active{background:#007aff26}.ios-tab-icon{width:24px;height:24px;stroke-width:2.1;transition:all .22s ease}.ios-tab-item.active .ios-tab-icon{stroke-width:2.5;transform:translateY(-1px)}.ios-tab-label{font-size:11px;font-weight:600;letter-spacing:-.15px;line-height:1}.ios-tab-item.active .ios-tab-label{font-weight:700}@supports (padding: env(safe-area-inset-bottom)){.ios-tab-bar{padding-bottom:max(8px,env(safe-area-inset-bottom))}}@keyframes ios-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes ios-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ios-fade-in{animation:ios-fade-in var(--ios-transition-base) var(--ios-spring)}.ios-slide-up{animation:ios-slide-up var(--ios-transition-base) var(--ios-spring)}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ios-tab-bar,.ios-tab-item,.ios-modal,.ios-sheet,.ios-card,[class*=rounded-2xl],[class*=shadow-]{transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.ios-card,.product-card,.order-card,.task-card{contain:layout style}.scroll-container,[class*=overflow-y-auto],[class*=overflow-x-auto]{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:contain}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.ios-fade-in,.ios-slide-up{animation:none!important}}button,a,[role=button],.ios-tab-item,.ios-list-item{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.ios-tab-bar,.ios-header,button,[role=button]{user-select:none;-webkit-user-select:none}img{content-visibility:auto;contain-intrinsic-size:100px 100px}.lazy-render{content-visibility:auto;contain-intrinsic-size:0 200px}*{-webkit-touch-callout:none}.ios-tab-item{will-change:background-color,color;transition:background-color .15s ease,color .15s ease,transform .1s ease}.ios-backdrop{will-change:opacity}.snap-container{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.snap-item{scroll-snap-align:start}
