:root,[data-theme=light]{--bg-primary: #f8f8f8;--bg-secondary: #ffffff;--bg-tertiary: #f0f0f0;--bg-input: #f5f5f5;--bg-input-focus: #ffffff;--bg-nav: rgba(255, 255, 255, .97);--bg-card: #ffffff;--bg-card-hover: #fafafa;--bg-badge: #f0f0f0;--bg-overlay: rgba(0, 0, 0, .5);--bg-dropdown: #ffffff;--text-primary: #121212;--text-secondary: #666666;--text-tertiary: #888888;--text-placeholder: #767676;--text-inverse: #ffffff;--border-primary: #eeeeee;--border-secondary: #dddddd;--border-focus: #ff3b30;--shadow-soft: 0 4px 15px rgba(0, 0, 0, .05);--shadow-medium: 0 8px 30px rgba(0, 0, 0, .1);--shadow-pop: 0 8px 30px rgba(0, 0, 0, .15);--shadow-card: 0 2px 8px rgba(0, 0, 0, .04);--shadow-nav: 0 -2px 10px rgba(0, 0, 0, .05);--accent: #ff3b30;--accent-light: rgba(255, 59, 48, .1);--accent-gradient: linear-gradient(135deg, #ff3b30, #ff5544);--success: #4caf50;--success-light: rgba(76, 175, 80, .1);--warning: #ffc107;--warning-light: rgba(255, 193, 7, .1);--danger: #ff3b30;--danger-light: rgba(255, 59, 48, .1);--info: #007aff;--info-light: rgba(0, 122, 255, .1);--accent-contrast: #ffffff;--success-contrast: #ffffff;--warning-contrast: #121212;--danger-contrast: #ffffff;--info-contrast: #ffffff;--btn-primary-bg: #121212;--btn-primary-text: #ffffff;--btn-secondary-bg: #f0f0f0;--btn-secondary-text: #333333;--slider-bg: #eeeeee;--slider-thumb-bg: #ffffff;--slider-thumb-border: #ff3b30;--skeleton-from: #f0f0f0;--skeleton-to: #e0e0e0;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 25px;--radius-full: 50px;--sidebar-width: 220px;--shadow-xl: 0 18px 42px -12px rgba(0, 0, 0, .18), 0 6px 14px -6px rgba(0, 0, 0, .08);--shadow-2xl: 0 28px 68px -18px rgba(0, 0, 0, .22), 0 10px 22px -10px rgba(0, 0, 0, .08);--shadow-glow-accent: 0 10px 28px -8px rgba(255, 59, 48, .35), 0 4px 10px -4px rgba(255, 59, 48, .18);--shadow-glow-success: 0 10px 28px -8px rgba(76, 175, 80, .35), 0 4px 10px -4px rgba(76, 175, 80, .18);--shadow-inset-hi: inset 0 1px 0 rgba(255, 255, 255, .7);--glass-bg: rgba(255, 255, 255, .68);--glass-border: rgba(255, 255, 255, .45);--glass-blur: saturate(180%) blur(20px);--gradient-hero: linear-gradient(135deg, rgba(255, 59, 48, .08) 0%, rgba(255, 85, 68, .04) 100%);color-scheme:light}[data-theme=dark]{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--bg-input: #2a2a2a;--bg-input-focus: #333333;--bg-nav: rgba(26, 26, 26, .97);--bg-card: #1e1e1e;--bg-card-hover: #252525;--bg-badge: #333333;--bg-overlay: rgba(0, 0, 0, .7);--bg-dropdown: #1e1e1e;--text-primary: #f0f0f0;--text-secondary: #aaaaaa;--text-tertiary: #888888;--text-placeholder: #a0a0a0;--text-inverse: #121212;--border-primary: #333333;--border-secondary: #444444;--border-focus: #ff3b30;--shadow-soft: 0 4px 15px rgba(0, 0, 0, .2);--shadow-medium: 0 8px 30px rgba(0, 0, 0, .3);--shadow-pop: 0 8px 30px rgba(0, 0, 0, .4);--shadow-card: 0 2px 8px rgba(0, 0, 0, .2);--shadow-nav: 0 -2px 10px rgba(0, 0, 0, .3);--accent: #ff3b30;--accent-light: rgba(255, 59, 48, .15);--accent-gradient: linear-gradient(135deg, #ff3b30, #ff0055);--success: #4caf50;--success-light: rgba(76, 175, 80, .15);--warning: #ffc107;--warning-light: rgba(255, 193, 7, .15);--danger: #ff3b30;--danger-light: rgba(255, 59, 48, .18);--info: #007aff;--info-light: rgba(0, 122, 255, .18);--accent-contrast: #ffffff;--success-contrast: #ffffff;--warning-contrast: #121212;--danger-contrast: #ffffff;--info-contrast: #ffffff;--btn-primary-bg: #ff3b30;--btn-primary-text: #ffffff;--btn-secondary-bg: #2a2a2a;--btn-secondary-text: #cccccc;--slider-bg: #333333;--slider-thumb-bg: #ffffff;--slider-thumb-border: #ff3b30;--skeleton-from: #2a2a2a;--skeleton-to: #333333;--shadow-xl: 0 18px 42px -12px rgba(0, 0, 0, .6), 0 6px 14px -6px rgba(0, 0, 0, .5);--shadow-2xl: 0 28px 68px -18px rgba(0, 0, 0, .75), 0 10px 22px -10px rgba(0, 0, 0, .55);--shadow-glow-accent: 0 10px 28px -8px rgba(255, 59, 48, .5), 0 4px 10px -4px rgba(255, 59, 48, .28);--shadow-glow-success: 0 10px 28px -8px rgba(76, 175, 80, .5), 0 4px 10px -4px rgba(76, 175, 80, .28);--shadow-inset-hi: inset 0 1px 0 rgba(255, 255, 255, .08);--glass-bg: rgba(26, 26, 26, .6);--glass-border: rgba(255, 255, 255, .08);--glass-blur: saturate(160%) blur(22px);--gradient-hero: linear-gradient(135deg, rgba(255, 59, 48, .12) 0%, rgba(255, 0, 85, .06) 100%);color-scheme:dark}[data-theme=pro-dark]{color-scheme:dark}[data-theme=pro-dark]{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--bg-input: #2a2a2a;--bg-input-focus: #333333;--bg-nav: rgba(26, 26, 26, .97);--bg-card: #1e1e1e;--bg-card-hover: #252525;--bg-badge: #333333;--bg-overlay: rgba(0, 0, 0, .7);--bg-dropdown: #1e1e1e;--text-primary: #f0f0f0;--text-secondary: #aaaaaa;--text-tertiary: #888888;--text-placeholder: #a0a0a0;--text-inverse: #121212;--border-primary: #333333;--border-secondary: #444444;--border-focus: #ff3b30;--shadow-soft: 0 4px 15px rgba(0, 0, 0, .2);--shadow-medium: 0 8px 30px rgba(0, 0, 0, .3);--shadow-pop: 0 8px 30px rgba(0, 0, 0, .4);--shadow-card: 0 2px 8px rgba(0, 0, 0, .2);--shadow-nav: 0 -2px 10px rgba(0, 0, 0, .3);--accent: #ff3b30;--accent-light: rgba(255, 59, 48, .15);--accent-gradient: linear-gradient(135deg, #ff3b30, #ff0055);--success: #4caf50;--success-light: rgba(76, 175, 80, .15);--warning: #ffc107;--warning-light: rgba(255, 193, 7, .15);--danger: #ff3b30;--danger-light: rgba(255, 59, 48, .18);--info: #007aff;--info-light: rgba(0, 122, 255, .18);--accent-contrast: #ffffff;--success-contrast: #ffffff;--warning-contrast: #121212;--danger-contrast: #ffffff;--info-contrast: #ffffff;--btn-primary-bg: #ff3b30;--btn-primary-text: #ffffff;--btn-secondary-bg: #2a2a2a;--btn-secondary-text: #cccccc;--slider-bg: #333333;--slider-thumb-bg: #ffffff;--slider-thumb-border: #ff3b30;--skeleton-from: #2a2a2a;--skeleton-to: #333333;--shadow-xl: 0 18px 42px -12px rgba(0, 0, 0, .6), 0 6px 14px -6px rgba(0, 0, 0, .5);--shadow-2xl: 0 28px 68px -18px rgba(0, 0, 0, .75), 0 10px 22px -10px rgba(0, 0, 0, .55);--shadow-glow-accent: 0 10px 28px -8px rgba(255, 59, 48, .5), 0 4px 10px -4px rgba(255, 59, 48, .28);--shadow-glow-success: 0 10px 28px -8px rgba(76, 175, 80, .5), 0 4px 10px -4px rgba(76, 175, 80, .28);--shadow-inset-hi: inset 0 1px 0 rgba(255, 255, 255, .08);--glass-bg: rgba(26, 26, 26, .6);--glass-border: rgba(255, 255, 255, .08);--glass-blur: saturate(160%) blur(22px);--gradient-hero: linear-gradient(135deg, rgba(255, 59, 48, .12) 0%, rgba(255, 0, 85, .06) 100%)}[data-theme=pro-light]{color-scheme:light}[data-theme=pro-light]{--bg-primary: #f8f8f8;--bg-secondary: #ffffff;--bg-tertiary: #f0f0f0;--bg-input: #f5f5f5;--bg-input-focus: #ffffff;--bg-nav: rgba(255, 255, 255, .97);--bg-card: #ffffff;--bg-card-hover: #fafafa;--bg-badge: #f0f0f0;--bg-overlay: rgba(0, 0, 0, .5);--bg-dropdown: #ffffff;--text-primary: #121212;--text-secondary: #666666;--text-tertiary: #888888;--text-placeholder: #767676;--text-inverse: #ffffff;--border-primary: #eeeeee;--border-secondary: #dddddd;--border-focus: #ff3b30;--shadow-soft: 0 4px 15px rgba(0, 0, 0, .05);--shadow-medium: 0 8px 30px rgba(0, 0, 0, .1);--shadow-pop: 0 8px 30px rgba(0, 0, 0, .15);--shadow-card: 0 2px 8px rgba(0, 0, 0, .04);--shadow-nav: 0 -2px 10px rgba(0, 0, 0, .05);--accent: #ff3b30;--accent-light: rgba(255, 59, 48, .1);--accent-gradient: linear-gradient(135deg, #ff3b30, #ff5544);--success: #4caf50;--success-light: rgba(76, 175, 80, .1);--warning: #ffc107;--warning-light: rgba(255, 193, 7, .1);--danger: #ff3b30;--danger-light: rgba(255, 59, 48, .1);--info: #007aff;--info-light: rgba(0, 122, 255, .1);--accent-contrast: #ffffff;--success-contrast: #ffffff;--warning-contrast: #121212;--danger-contrast: #ffffff;--info-contrast: #ffffff;--btn-primary-bg: #121212;--btn-primary-text: #ffffff;--btn-secondary-bg: #f0f0f0;--btn-secondary-text: #333333;--slider-bg: #eeeeee;--slider-thumb-bg: #ffffff;--slider-thumb-border: #ff3b30;--skeleton-from: #f0f0f0;--skeleton-to: #e0e0e0;--shadow-xl: 0 18px 42px -12px rgba(0, 0, 0, .18), 0 6px 14px -6px rgba(0, 0, 0, .08);--shadow-2xl: 0 28px 68px -18px rgba(0, 0, 0, .22), 0 10px 22px -10px rgba(0, 0, 0, .08);--shadow-glow-accent: 0 10px 28px -8px rgba(255, 59, 48, .35), 0 4px 10px -4px rgba(255, 59, 48, .18);--shadow-glow-success: 0 10px 28px -8px rgba(76, 175, 80, .35), 0 4px 10px -4px rgba(76, 175, 80, .18);--shadow-inset-hi: inset 0 1px 0 rgba(255, 255, 255, .7);--glass-bg: rgba(255, 255, 255, .68);--glass-border: rgba(255, 255, 255, .45);--glass-blur: saturate(180%) blur(20px);--gradient-hero: linear-gradient(135deg, rgba(255, 59, 48, .08) 0%, rgba(255, 85, 68, .04) 100%)}:root{--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-spring-soft: cubic-bezier(.5, 1.25, .7, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-in-out-soft: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-base: .24s;--duration-slow: .4s;--duration-slower: .6s}*,*:before,*:after{box-sizing:border-box}.header:not(.app-header){display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--sp-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);position:sticky;top:0;z-index:1000;gap:var(--sp-3);box-sizing:border-box}[data-page-type=pro] .header:not(.app-header){background:var(--bg-nav, var(--bg-tertiary))}[data-page-type=pro] body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;background:var(--bg-secondary);color:var(--text-primary);display:block;min-height:100vh;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px));overflow-x:hidden}[data-page-type=pro] .main-wrapper{width:100%;background:var(--bg-secondary);min-height:100vh;position:relative;display:flex;flex-direction:column}[data-page-type=pro] .container{padding:var(--sp-4);flex:1}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:600px;height:80px;background:var(--bg-nav, var(--bg-tertiary));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border-primary);display:flex;justify-content:space-around;align-items:center;z-index:1000;padding-bottom:env(safe-area-inset-bottom)}@media(min-width:768px){.bottom-nav{max-width:900px}}.bottom-nav-pro{position:fixed;bottom:0;left:0;right:0;width:100%;height:64px;background:var(--bg-tertiary);border-top:1px solid var(--border-primary);display:flex;justify-content:space-around;align-items:center;z-index:1000;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav #nav-orders,.bottom-nav #nav-cart{display:none}html.is-logged .bottom-nav #nav-orders,html.is-logged .bottom-nav #nav-cart{display:flex}.bottom-nav-pro:not(.nav-ready) .nav-item-pro{visibility:hidden}.nav-item-pro{display:flex;flex-direction:column;align-items:center;color:var(--text-tertiary);text-decoration:none;font-size:10px;font-weight:700;gap:5px;cursor:pointer}.nav-item-pro .material-icons{font-size:22px}.nav-item-pro.active{color:var(--accent)}.nav-spacer-pro{display:none}.nav-logout-pro,.nav-home-pro{display:none!important}.tab-badge{background:var(--accent);color:#fff;font-size:10px;font-weight:var(--fw-bold);border-radius:var(--radius-md);padding:1px 6px;margin-left:2px}.header-left{display:flex;align-items:center;gap:var(--sp-3)}.back-btn{cursor:pointer;color:var(--text-primary);display:flex;align-items:center}.page-title{font-size:var(--fs-xl);font-weight:var(--fw-bold);margin:0}.header:not(.app-header) h1{margin:0;font-size:var(--fs-xl);font-weight:var(--fw-bold)}.header-logo,.header:not(.app-header) .app-name{font-size:var(--fs-xl);font-weight:var(--fw-bold);font-style:italic;letter-spacing:-.5px;color:var(--text-primary);user-select:none;white-space:nowrap;line-height:1}.header-logo>span:first-of-type,.header:not(.app-header) .app-name>span:first-of-type{color:var(--accent)}body,.main-wrapper,.header:not(.app-header),.top-controls,.bottom-nav,.bottom-nav-pro,.top-bar,.truck-card,.product-card,.order-card,.cart-item,.profile-card,.stat-card,.chart-box,.form-input,.submit-btn,.cart-bar,.nav-btn,.nav-item-pro{transition:background-color var(--dur-slow) ease,color var(--dur-slow) ease,border-color var(--dur-slow) ease,box-shadow var(--dur-slow) ease}.theme-toggle{width:44px;height:44px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;box-sizing:border-box;-webkit-tap-highlight-color:transparent;flex-shrink:0;transition:background var(--dur-std),border-color var(--dur-std)}.theme-toggle:hover{background:var(--bg-secondary);border-color:var(--accent)}.theme-toggle:active{transform:scale(.9)}.theme-toggle-knob{display:flex;align-items:center;justify-content:center}.theme-toggle-knob .material-icons{font-size:var(--fs-lg);color:var(--text-primary);transition:color var(--dur-std)}@media(min-width:768px){.main-wrapper{max-width:900px!important;margin:0 auto}.trucks-grid,#trucks-list{display:grid!important;grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}.stats-grid{grid-template-columns:repeat(2,1fr)}#map{height:220px!important}#map.expanded{height:450px!important}.bottom-nav{max-width:900px!important;border-radius:var(--radius-xl) 20px 0 0}.container{padding:25px 30px}[data-page-type=pro] .main-wrapper{max-width:none}[data-page-type=pro] .container{padding:var(--sp-5) var(--sp-6)}.truck-card,.product-card,.order-card{padding:var(--sp-4) var(--sp-5)}.truck-img,.product-img{width:90px!important;height:90px!important}.cart-bar{max-width:860px!important}.style-grid{grid-template-columns:repeat(2,1fr)}.filters-row{gap:15px}.preview-area{height:350px!important}#order-list,#orders-container,#orders-content,#history-container,#product-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}#product-list>p{grid-column:1 / -1}.nav-label{display:inline!important;font-size:var(--fs-xs);font-weight:var(--fw-bold)}.nav-btn{flex-direction:column!important;gap:2px!important}.cart-list{max-width:700px;margin:0 auto}.checkout-bar{max-width:900px!important}.profile-card{max-width:700px;margin-left:auto;margin-right:auto}[data-page-type=client] .truck-card{flex-direction:row!important;align-items:center!important;text-align:left;border-radius:var(--radius-md)!important;overflow:hidden;padding:10px var(--sp-3)!important;border:1px solid var(--border-primary)!important;box-shadow:var(--shadow-card)}[data-page-type=client] #trucks-list>div[style]{grid-column:1 / -1}[data-page-type=client] .truck-card .truck-img{width:70px!important;height:70px!important;border-radius:var(--radius-md)!important;margin-right:10px!important;margin-bottom:0;object-fit:cover;flex-shrink:0!important}[data-page-type=client] .truck-card .truck-info{padding:0}[data-page-type=client] .truck-card .truck-name{font-size:var(--fs-base);margin-bottom:2px}[data-page-type=client] .truck-card .fav-btn{padding:6px}[data-page-type=client] .truck-card .fav-btn .material-icons{font-size:var(--fs-xl)}[data-page-type=client] .truck-card .offline-tag{top:var(--sp-2);right:46px}[data-page-type=client] .skeleton-card{flex-direction:row;padding:10px var(--sp-3);overflow:hidden;margin-bottom:0}[data-page-type=client] .skeleton-card .skeleton-img{width:70px;height:70px;border-radius:var(--radius-md);flex-shrink:0}[data-page-type=client] .skeleton-card .skeleton-lines{padding:0 0 0 10px;flex:1;box-sizing:border-box}}@media(min-width:768px){[data-page-type=pro] .bottom-nav-pro{display:none!important}[data-page-type=pro] .main-wrapper:has(.bottom-nav-pro){padding-left:0!important;padding-bottom:0!important;box-sizing:border-box;min-height:100vh}[data-page-type=pro] .top-bar,[data-page-type=pro] .header:not(.app-header){width:100%!important;max-width:100%!important;box-sizing:border-box}[data-page-type=pro] .container{padding:var(--sp-6) var(--sp-7)!important;box-sizing:border-box;max-width:100%}[data-page-type=pro] body{padding-bottom:0!important}[data-page-type=pro] .main-wrapper{max-width:none!important;border:none!important}.bottom-nav,.bottom-nav-pro{padding-bottom:0!important}[data-page-type=pro] .bottom-nav-pro::-webkit-scrollbar{width:3px}[data-page-type=pro] .bottom-nav-pro::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}}@media(min-width:1024px){body{display:block!important}.main-wrapper{max-width:100%!important;border-left:none!important;border-right:none!important;box-shadow:none!important}.back-btn,#btn-back{display:none!important}[data-page-type=pro] .header:not(.app-header)>div[onclick]:first-child{display:none!important}.truck-header>div[onclick*=index]{display:none!important}[data-page-type=pro] .header:not(.app-header)>div:nth-child(2){display:none!important}[data-page-type=pro] .header:not(.app-header){min-height:0!important;height:56px!important;padding:6px var(--sp-6)!important}.section-title,.page-title{font-size:var(--fs-2xl)!important}h1,.header:not(.app-header) h1{font-size:var(--fs-3xl)!important}h2,.header:not(.app-header) h2{font-size:var(--fs-2xl)!important}.form-input,.input-field,.search-input,textarea.form-input,textarea.input-field{font-size:var(--fs-base)!important;padding:14px var(--sp-4)!important}#map{height:280px!important;border-radius:var(--radius-xl)!important}#map.expanded{height:500px!important}.preview-area{height:400px!important}.chart-bar-container{height:180px!important}.form-row-desktop{display:grid;grid-template-columns:1fr 1fr;gap:15px}.main-content{max-width:1200px;margin:0 auto}[data-page-type=pro] .container{padding:28px var(--sp-8)!important}[data-page-type=pro] #order-list{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:var(--sp-5)}[data-page-type=pro] .stats-grid{grid-template-columns:repeat(4,1fr)!important}[data-page-type=pro] #product-list>p{grid-column:1 / -1}[data-page-type=pro] .tags-grid{grid-template-columns:repeat(4,1fr)!important}[data-page-type=pro] .save-btn{position:fixed;bottom:30px!important;left:calc(var(--sidebar-width) + 50%)!important;transform:translate(-50%)!important;max-width:500px;z-index:200}[data-page-type=client] .main-wrapper{max-width:1200px!important;margin:0 auto!important;border-left:none!important;border-right:none!important}[data-page-type=client] .bottom-nav{position:fixed!important;inset:0 0 auto!important;transform:none!important;width:100%!important;max-width:100%!important;height:64px!important;border-top:none!important;border-bottom:1px solid var(--border-primary)!important;border-radius:0!important;background:var(--bg-nav)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;z-index:9999;box-shadow:0 1px 8px #0000000a;padding:0 var(--sp-8)!important;padding-bottom:0!important;box-sizing:border-box;justify-content:center!important;gap:6px}[data-page-type=client] .bottom-nav .nav-logo{display:flex!important;align-items:center;margin-right:auto;font-size:var(--fs-xl);font-weight:var(--fw-bold);font-style:italic;color:var(--text-primary);letter-spacing:-.5px;cursor:pointer;white-space:nowrap;padding:0 15px 0 0}[data-page-type=client] .bottom-nav .nav-logo .accent{color:var(--accent)}[data-page-type=client] .nav-btn{flex-direction:row!important;gap:6px;border-radius:var(--radius-sm);padding:10px 18px;width:auto;height:auto;min-width:auto;min-height:40px;font-size:var(--fs-base);font-weight:var(--fw-semi);color:var(--text-secondary)}[data-page-type=client] .nav-btn .material-icons{font-size:var(--fs-xl)}[data-page-type=client] .nav-btn .nav-label{display:inline!important;font-size:var(--fs-base);font-weight:var(--fw-semi)}[data-page-type=client] .nav-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}[data-page-type=client] .nav-btn.active{background:var(--accent-light)!important;color:var(--accent)!important;box-shadow:none!important}[data-page-type=client] .nav-btn.active .material-icons,[data-page-type=client] .nav-btn.active .nav-label{color:var(--accent)!important}[data-page-type=client] .bottom-nav .nav-theme-toggle{display:flex!important;margin-left:auto;align-items:center}[data-page-type=client] .main-wrapper:has(.bottom-nav){padding-top:64px!important}[data-page-type=client] .header:not(.app-header){position:relative!important;top:auto!important}[data-page-type=client] .header:not(.app-header) .theme-toggle{display:none!important}[data-page-type=client] .top-controls{position:sticky!important;top:64px!important;z-index:900}[data-page-type=client] body{padding-bottom:0!important;background-color:var(--bg-secondary)!important}[data-page-type=client] .trucks-count{justify-content:center!important;font-size:var(--fs-base)!important}[data-page-type=client] #trucks-list{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:var(--sp-6)}[data-page-type=client] .truck-card{flex-direction:row!important;align-items:center!important;padding:var(--sp-3) 14px!important;border-radius:var(--radius-md)!important;border:1px solid var(--border-primary)!important;box-shadow:var(--shadow-card)}[data-page-type=client] .truck-card .truck-img{width:72px!important;height:72px!important;border-radius:var(--radius-lg)!important;margin:0 var(--sp-3) 0 0!important;flex-shrink:0!important;object-fit:cover}[data-page-type=client] .truck-card .truck-info{flex:1;min-width:0;padding:0!important}[data-page-type=client] .truck-card .truck-name{font-size:var(--fs-base);font-weight:var(--fw-extra);margin-bottom:3px;gap:var(--sp-2)}[data-page-type=client] .truck-card .truck-name>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}[data-page-type=client] .truck-card .truck-tags{font-size:var(--fs-sm);line-height:1.4}[data-page-type=client] .truck-services{display:flex!important}[data-page-type=client] .truck-card .fav-btn{padding:6px!important;flex-shrink:0}[data-page-type=client] .truck-card .fav-btn .material-icons{font-size:22px}[data-page-type=client] .truck-card .offline-tag,[data-page-type=client] .truck-card .event-tag{top:var(--sp-2);right:46px;font-size:10px;padding:3px var(--sp-2);border-radius:var(--radius-sm)}[data-page-type=client] .product-card{padding:18px 22px}[data-page-type=client] .product-img,[data-page-type=client] .p-img{width:110px!important;height:110px!important;border-radius:var(--radius-md)!important}[data-page-type=client] .menu-grid{grid-template-columns:repeat(2,1fr)!important;gap:var(--sp-5)!important}[data-page-type=client] #orders-container,[data-page-type=client] #orders-content{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:var(--sp-5)}[data-page-type=client] #history-container{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:var(--sp-4)}[data-page-type=client] .info-grid{grid-template-columns:repeat(3,1fr)!important}[data-page-type=client] .style-grid{grid-template-columns:repeat(4,1fr)!important}[data-page-type=client] .checkout-bar{max-width:700px!important;left:50%!important;transform:translate(-50%)!important;bottom:var(--sp-5)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-pop)!important}[data-page-type=client] .cart-float{bottom:30px;max-width:500px}[data-page-type=client] .cart-list{max-width:750px;margin:0 auto}[data-page-type=client] .modal-overlay{align-items:center!important}[data-page-type=client] .modal-content{max-width:650px!important;height:80vh!important;border-radius:var(--radius-xl)!important;margin:auto;box-shadow:var(--shadow-pop)}[data-page-type=client] .main-wrapper:not(:has(.bottom-nav)){max-width:500px!important}[data-page-type=client] .main-wrapper:not(:has(.bottom-nav))>*:first-child{margin-top:0!important}[data-page-type=client] .profile-card{max-width:700px;margin-left:auto;margin-right:auto}[data-page-type=client] .truck-header{height:280px!important}[data-page-type=client] .truck-header>div:has(.theme-toggle){display:none!important}[data-page-type=client] .cat-nav{position:sticky!important;top:64px!important;z-index:50}[data-page-type=client] .reviews-section{max-width:800px;margin:0 auto}.truck-card,.product-card,.order-card,.product-item,.stat-card,.profile-card,.section-box,.chart-box,.summary-box{transition:transform var(--dur-std) ease,box-shadow var(--dur-std) ease,background-color var(--dur-slow) ease}.truck-card:hover{transform:translateY(-4px)!important;box-shadow:var(--shadow-medium)!important}.product-card:hover,.product-item:hover,.order-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}#toast-container{bottom:auto!important;top:80px;right:30px;left:auto!important;transform:none!important}.bottom-nav{padding-bottom:0!important}}@media(min-width:1280px){:root{--sidebar-width: 240px}}@media(min-width:1400px){[data-page-type=client] .main-wrapper:has(.bottom-nav){max-width:1400px!important}[data-page-type=client] #trucks-list{grid-template-columns:repeat(3,1fr)!important}[data-page-type=client] .truck-card .truck-img{width:76px!important;height:76px!important}[data-page-type=client] .checkout-bar{max-width:700px!important}[data-page-type=client] .menu-grid,[data-page-type=pro] #order-list{grid-template-columns:repeat(3,1fr)!important}[data-page-type=pro] .container{max-width:100%}}@media(min-width:1800px){[data-page-type=client] .main-wrapper:has(.bottom-nav){max-width:1600px!important}[data-page-type=client] #trucks-list{grid-template-columns:repeat(4,1fr)!important}[data-page-type=client] .truck-card .truck-img{width:80px!important;height:80px!important}[data-page-type=pro] #order-list{grid-template-columns:repeat(4,1fr)!important}}.bottom-nav,.bottom-nav-pro{padding-bottom:env(safe-area-inset-bottom,0)}.main-wrapper{padding-top:env(safe-area-inset-top,0)}button,.nav-btn,.nav-item-pro,.tab,.cat-tab,.dropdown-btn,.dropdown-item,.fav-btn,.add-btn,.qty-btn,.back-btn,.btn-back,.theme-toggle{min-height:44px;min-width:44px}input,select,textarea{font-size:var(--fs-md)!important}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}::selection{background:var(--accent-light);color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus-visible,.nav-btn:focus-visible,.nav-item-pro:focus-visible,.dropdown-btn:focus-visible,.dropdown-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.skip-link{position:absolute;top:-100%;left:var(--sp-5);background:var(--accent);color:#fff;padding:10px var(--sp-5);border-radius:0 0 10px 10px;z-index:100000;font-weight:var(--fw-bold);text-decoration:none;transition:top var(--dur-std)}.skip-link:focus{top:0}@media(min-width:768px){::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}}.cat-nav::-webkit-scrollbar,.menu-nav::-webkit-scrollbar{display:none}.cat-nav,.menu-nav{-ms-overflow-style:none;scrollbar-width:none}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--skeleton-from) 25%,var(--skeleton-to) 50%,var(--skeleton-from) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-card{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--sp-3);display:flex;align-items:center;gap:15px;border:1px solid var(--border-primary);margin-bottom:15px}.skeleton-img{width:70px;height:70px;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--skeleton-from) 25%,var(--skeleton-to) 50%,var(--skeleton-from) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;flex-shrink:0}.skeleton-lines{flex:1;display:flex;flex-direction:column;gap:var(--sp-2)}.skeleton-line{height:12px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--skeleton-from) 25%,var(--skeleton-to) 50%,var(--skeleton-from) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.skeleton-line.w60{width:60%}.skeleton-line.w80{width:80%}.skeleton-line.w40{width:40%}.skeleton-line.w100{width:100%}@media(min-width:1024px){[data-page-type=client] .skeleton-card{flex-direction:column;padding:0;overflow:hidden}[data-page-type=client] .skeleton-card .skeleton-img{width:100%;height:180px;border-radius:0}[data-page-type=client] .skeleton-card .skeleton-lines{padding:14px var(--sp-4);width:100%;box-sizing:border-box}}#toast-container{position:fixed;bottom:var(--sp-5);left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:10px;width:90%;max-width:400px;pointer-events:none}.toast{background:var(--bg-card);color:var(--text-primary);padding:var(--sp-4);border-radius:var(--radius-md);box-shadow:0 10px 30px #0003;display:flex;align-items:center;gap:var(--sp-3);animation:slideUpFade .3s ease-out forwards;border:1px solid var(--border-primary);pointer-events:auto}.toast.success{border-left:5px solid var(--success)}.toast.error{border-left:5px solid var(--accent)}.toast.info{border-left:5px solid var(--text-tertiary)}.toast.warning{border-left:var(--sp-1) solid #ff9500}.toast.warning .toast-icon{color:#ff9500}.toast-icon{font-size:var(--fs-xl)}.toast.success .toast-icon{color:var(--success)}.toast.error .toast-icon{color:var(--accent)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{to{opacity:0;transform:translateY(-20px)}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;background-color:var(--bg-primary);color:var(--text-primary);-webkit-tap-highlight-color:transparent}[data-page-type=client] .main-wrapper{background:var(--bg-secondary)}.form-group{margin-bottom:15px}.form-group label,.form-label{display:block;font-size:var(--fs-xs);font-weight:700;margin-bottom:6px;text-transform:uppercase;color:var(--text-secondary)}.form-input,.input-field{width:100%;padding:14px;border:1px solid var(--border-secondary);border-radius:var(--radius-md);font-size:var(--fs-base);box-sizing:border-box;outline:none;background:var(--bg-secondary);color:var(--text-primary);transition:border-color var(--dur-slow)}.form-input:focus,.input-field:focus{border-color:var(--accent)}.form-input::placeholder,.input-field::placeholder{color:var(--text-placeholder)}select.form-input,select.input-field,.styled-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:38px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;font-family:inherit;font-weight:var(--fw-semi);line-height:1.4}select.form-input:hover,select.input-field:hover,.styled-select:hover{border-color:var(--accent)}select.form-input:focus,select.input-field:focus,.styled-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e85d041a}select.form-input:disabled,select.input-field:disabled,.styled-select:disabled{opacity:.5;cursor:not-allowed}select.form-input option,select.input-field option,.styled-select option{padding:var(--sp-2) var(--sp-3);background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] select.form-input,[data-theme=dark] select.input-field,[data-theme=dark] .styled-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23aaa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.cs-dropdown{position:relative;z-index:1;width:100%}.cs-dropdown.is-open{z-index:100}.cs-btn{background:var(--bg-input, var(--bg-secondary));border:1px solid var(--border-color, rgba(128, 128, 128, .2));padding:10px var(--sp-3);border-radius:var(--radius-md);font-size:var(--fs-base);font-weight:var(--fw-semi);color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);cursor:pointer;transition:border-color var(--dur-fast),box-shadow var(--dur-fast);user-select:none;font-family:inherit;min-height:42px;box-sizing:border-box}.cs-btn:hover{border-color:var(--accent)}.cs-btn.open{border-color:var(--accent);box-shadow:0 0 0 3px #e85d041a}.cs-btn-label{display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.cs-btn-label.cs-placeholder{color:var(--text-tertiary);font-weight:var(--fw-med)}.cs-btn-icon{font-size:var(--fs-lg);color:var(--text-tertiary);flex-shrink:0}.cs-arrow{font-size:var(--fs-lg);color:var(--text-tertiary);transition:transform var(--dur-std);flex-shrink:0}.cs-btn.open .cs-arrow{transform:rotate(180deg)}.cs-menu{position:absolute;top:calc(100% + 6px);left:0;width:100%;max-height:220px;overflow-y:auto;background:var(--bg-card, var(--bg-primary));border-radius:var(--radius-md);box-shadow:var(--shadow-pop);border:1px solid var(--border-color, rgba(128, 128, 128, .15));padding:5px;display:none;flex-direction:column;z-index:200}.cs-menu.show{display:flex}.cs-item{padding:9px 10px;font-size:var(--fs-sm);font-weight:var(--fw-semi);color:var(--text-secondary);display:flex;align-items:center;gap:var(--sp-2);border-radius:var(--radius-md);cursor:pointer;transition:background .1s,color .1s;white-space:nowrap}.cs-item:hover{background:var(--bg-tertiary, rgba(128, 128, 128, .08));color:var(--text-primary)}.cs-item-icon{font-size:var(--fs-lg);color:var(--text-tertiary);flex-shrink:0}.cs-item:hover .cs-item-icon{color:var(--text-secondary)}.cs-item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.cs-check{display:none;margin-left:auto;font-size:var(--fs-md);color:var(--accent);flex-shrink:0}.cs-item.selected{background:var(--accent-light, rgba(232, 93, 4, .08));color:var(--accent)}.cs-item.selected .cs-item-icon{color:var(--accent)}.cs-item.selected .cs-check{display:inline-flex}.cs-small .cs-btn{padding:var(--sp-2) 10px;font-size:var(--fs-sm);min-height:36px;border-radius:var(--radius-md)}.cs-small .cs-menu{border-radius:var(--radius-md);padding:var(--sp-1)}.cs-small .cs-item{padding:7px var(--sp-2);font-size:var(--fs-sm)}.cs-small .cs-item-icon,.cs-small .cs-arrow{font-size:var(--fs-md)}.cs-menu::-webkit-scrollbar{width:6px}.cs-menu::-webkit-scrollbar-track{background:transparent}.cs-menu::-webkit-scrollbar-thumb{background:var(--border-color, rgba(128, 128, 128, .3));border-radius:3px}.cs-menu::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.submit-btn{background:var(--btn-primary-bg);color:var(--btn-primary-text);width:100%;padding:18px;border:none;border-radius:15px;font-size:var(--fs-lg);font-weight:700;cursor:pointer;transition:var(--dur-slow)}.submit-btn:hover{opacity:.9}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.submit-btn:active{transform:scale(.98)}.logo-text{font-size:22px;font-weight:var(--fw-bold);font-style:italic;letter-spacing:-1px;color:var(--text-primary)}.logo-text span{color:var(--accent)}.back-btn{width:40px;height:40px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:var(--dur-std)}.back-btn:hover{background:var(--bg-card-hover)}.page-title{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--text-primary)}.back-link{text-align:center;margin-top:25px;font-size:var(--fs-base);color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:var(--dur-slow)}.back-link:hover{color:var(--accent)}.offline-banner{position:fixed;top:0;left:0;right:0;background:var(--accent);color:#fff;text-align:center;padding:10px var(--sp-5);font-size:var(--fs-sm);font-weight:var(--fw-bold);z-index:3000;display:flex;align-items:center;justify-content:center;gap:var(--sp-2);animation:slideDown .3s ease-out;box-shadow:0 2px 10px #0003}.offline-banner .material-icons{font-size:var(--fs-lg)}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.nav-label,.nav-logo{display:none}.nav-logo .accent{color:var(--accent)}.nav-theme-toggle,.desktop-only{display:none}.mobile-only{display:block}.tablet-only,.desktop-page-title{display:none}@media(min-width:1024px){.desktop-page-title{display:block!important;padding:28px var(--sp-8) var(--sp-2)}.desktop-page-title h1{font-size:var(--fs-3xl)!important;font-weight:var(--fw-bold);margin:0;color:var(--text-primary)}}@media(min-width:768px){.tablet-only{display:block}}@media(min-width:1024px){.desktop-only{display:block!important}.mobile-only{display:none!important}}@media(min-width:1024px){.cart-desktop-layout{display:grid;grid-template-columns:1fr 380px;gap:30px;max-width:1100px;margin:0 auto;align-items:start}.cart-desktop-layout .cart-items-col{min-width:0}.cart-desktop-layout .cart-summary-col{position:sticky;top:90px;background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--sp-6);border:1px solid var(--border-primary);box-shadow:var(--shadow-card)}}@media(min-width:1024px){.menu-desktop-wrapper{max-width:1200px;margin:0 auto;padding:0 var(--sp-5)}.menu-desktop-layout{display:grid;grid-template-columns:1fr 350px;gap:30px;align-items:start}.menu-desktop-layout .menu-main-col{min-width:0}.menu-desktop-layout .menu-side-col{position:sticky;top:90px}}@media(min-width:1024px){.profil-desktop-layout{max-width:900px;margin:0 auto}.profil-header-desktop{display:flex;align-items:center;gap:var(--sp-6);padding:30px 0}}.header-right-group{display:flex;align-items:center;gap:var(--sp-3)}.legal-btn{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:50%!important;background:var(--bg-tertiary);border:1px solid var(--border-primary);display:flex!important;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;color:var(--text-secondary);transition:background var(--dur-std),border-color var(--dur-std),color var(--dur-std),transform var(--dur-fast);-webkit-tap-highlight-color:transparent;padding:0!important;box-sizing:content-box!important;appearance:none;-webkit-appearance:none}.legal-btn:hover{background:var(--bg-secondary);border-color:var(--accent);color:var(--accent)}.legal-btn:active{transform:scale(.88)}.legal-btn .material-icons{font-size:var(--fs-xl);pointer-events:none}[data-page-type=pro] .legal-btn{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}[data-page-type=pro] .header:not(.app-header) #btn-logout,[data-page-type=pro] .header:not(.app-header) #btn-back-form{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:50%!important;background:var(--bg-tertiary);border:1px solid var(--border-primary);display:flex!important;align-items:center;justify-content:center;cursor:pointer;padding:0!important;box-sizing:border-box;flex-shrink:0;color:var(--text-tertiary);-webkit-tap-highlight-color:transparent;transition:background var(--dur-std),border-color var(--dur-std),color var(--dur-std),transform var(--dur-fast)}[data-page-type=pro] .header:not(.app-header) #btn-logout:hover,[data-page-type=pro] .header:not(.app-header) #btn-back-form:hover{background:var(--bg-secondary)!important;border-color:var(--accent);color:var(--accent)}[data-page-type=pro] .header:not(.app-header) #btn-logout:active,[data-page-type=pro] .header:not(.app-header) #btn-back-form:active{transform:scale(.88)}[data-page-type=pro] .header:not(.app-header) #btn-logout .material-icons,[data-page-type=pro] .header:not(.app-header) #btn-back-form .material-icons{font-size:var(--fs-xl)!important;color:inherit!important;pointer-events:none}.legal-btn-nav{display:none!important}.legal-overlay{position:fixed;inset:0;background:var(--bg-overlay);z-index:2000;opacity:0;pointer-events:none;transition:opacity var(--dur-slow) ease}.legal-overlay.show{opacity:1;pointer-events:all}.legal-drawer{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-radius:var(--radius-xl) 24px 0 0;z-index:2001;padding-bottom:calc(var(--sp-5) + env(safe-area-inset-bottom,0px));box-shadow:var(--shadow-pop);transform:translateY(100%);transition:transform .38s cubic-bezier(.32,.72,0,1);max-height:85vh;max-height:85dvh;overflow-y:auto}.legal-drawer.open{transform:translateY(0)}.legal-drawer-handle{width:44px;height:5px;background:var(--border-secondary);border-radius:5px;margin:14px auto var(--sp-5);flex-shrink:0}.legal-drawer-header{display:flex;align-items:center;gap:14px;padding:0 22px 18px;border-bottom:1px solid var(--border-primary);margin-bottom:6px}.legal-drawer-header-icon{width:46px;height:46px;background:var(--accent-light);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.legal-drawer-header-icon .material-icons{font-size:var(--fs-2xl);color:var(--accent)}.legal-drawer-title{font-size:var(--fs-lg);font-weight:var(--fw-bold);font-style:italic;color:var(--text-primary);margin:0 0 2px;letter-spacing:-.5px}.legal-drawer-subtitle{font-size:var(--fs-sm);color:var(--text-tertiary);font-weight:var(--fw-med);margin:0}.legal-link{display:flex;align-items:center;gap:14px;padding:13px 22px;text-decoration:none;color:var(--text-primary);transition:background var(--dur-fast);cursor:pointer}.legal-link:hover{background:var(--bg-tertiary)}.legal-link:active{background:var(--accent-light)}.legal-link-icon{width:44px;height:44px;background:var(--bg-tertiary);border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--dur-fast)}.legal-link-icon .material-icons{font-size:21px;color:var(--text-secondary);transition:color var(--dur-fast)}.legal-link:hover .legal-link-icon{background:var(--accent-light)}.legal-link:hover .legal-link-icon .material-icons{color:var(--accent)}.legal-link-text{flex:1}.legal-link-title{font-size:var(--fs-base);font-weight:var(--fw-bold);color:var(--text-primary);margin-bottom:2px}.legal-link-sub{font-size:var(--fs-sm);color:var(--text-tertiary);font-weight:var(--fw-med)}.legal-link-arrow{font-size:var(--fs-lg);color:var(--text-placeholder);flex-shrink:0}.legal-drawer-separator{height:1px;background:var(--border-primary);margin:6px 22px}.legal-drawer-footer{padding:14px 22px 0;border-top:1px solid var(--border-primary);margin-top:6px;text-align:center}.legal-drawer-footer p{font-size:var(--fs-sm);color:var(--text-tertiary);margin:0}@media(min-width:1024px){.legal-btn-nav{display:flex!important;margin-left:var(--sp-2)}.legal-nav-pro-item{margin-top:auto!important;border-top:1px solid var(--border-primary)!important;color:var(--text-tertiary)!important}.legal-nav-pro-item:hover{color:var(--accent)!important}.legal-drawer{position:fixed;bottom:auto;top:72px;right:var(--sp-4);left:auto;width:310px;border-radius:var(--radius-xl);padding-bottom:var(--sp-4);transform:translateY(-8px);opacity:0;pointer-events:none;transition:transform .22s ease,opacity .22s ease;max-height:calc(100vh - 90px)}.legal-drawer.open{transform:translateY(0);opacity:1;pointer-events:all}.legal-drawer-handle{display:none}.legal-overlay{display:none!important}}.sw-update-banner{position:fixed;top:0;left:0;right:0;padding:10px var(--sp-4);background:var(--primary, #1b3a5c);color:var(--bg-1);text-align:center;font-size:var(--fs-sm);z-index:5000;display:flex;align-items:center;justify-content:center;gap:var(--sp-2)}.sw-update-banner a{color:var(--bg-1);text-decoration:underline;font-weight:var(--fw-semi)}.sw-update-banner button{background:none;border:none;color:var(--bg-1);font-size:var(--fs-xl);cursor:pointer;padding:0 0 0 var(--sp-3);line-height:1;opacity:.8}.sw-update-banner button:hover{opacity:1}.u-hidden{display:none!important}.u-block{display:block!important}.u-flex{display:flex!important}.u-inline{display:inline!important}.u-grid{display:grid!important}.u-opacity-0{opacity:0!important}.u-opacity-40{opacity:.4!important}.u-opacity-50{opacity:.5!important}.u-opacity-60{opacity:.6!important}.u-opacity-100{opacity:1!important}.u-pe-none{pointer-events:none!important}.u-pe-all{pointer-events:all!important}.u-overflow-hidden{overflow:hidden!important}.u-overflow-auto{overflow:auto!important}.places-ac-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--sp-1);background:var(--bg-secondary, var(--bg-1));border:1px solid var(--border-color, rgba(0, 0, 0, .1));border-radius:var(--radius-md);box-shadow:var(--shadow-pop);max-height:280px;overflow-y:auto;z-index:1000;font-family:inherit}.places-ac-dropdown[hidden]{display:none}.places-ac-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;font-size:var(--fs-base);color:var(--text-primary, #111);border-bottom:1px solid var(--border-color, rgba(0, 0, 0, .06));transition:background .12s}.places-ac-item:last-child{border-bottom:none}.places-ac-item:hover,.places-ac-item.selected{background:var(--bg-tertiary, rgba(255, 59, 48, .08))}.places-ac-icon{font-size:var(--fs-lg)!important;color:var(--accent, var(--accent));flex-shrink:0}.places-ac-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav a.active,.bottom-nav-pro a.active,.nav-item-pro.active{color:var(--accent, var(--accent))}.bottom-nav a.active svg,.bottom-nav-pro a.active svg,.nav-item-pro.active svg{stroke:var(--accent, var(--accent))}@media(min-width:1024px){.nav-item-pro.active{background:var(--accent-light, rgba(255, 59, 48, .1));border-left:3px solid var(--accent, var(--accent))}}@media print{.bottom-nav,.top-header,header,nav,.sw-update-banner,.cookie-notice,.fab,.btn-back,.skip-link{display:none!important}body{background:var(--bg-1)!important;color:var(--fg-1)!important;font-size:12pt}main,.page-content,.main-content{padding:0!important;margin:0!important}a[href]:after{content:" (" attr(href) ")";font-size:9pt;color:var(--fg-2)}.order-card,.stat-card{break-inside:avoid;border:1px solid #ccc;margin-bottom:8pt}*{box-shadow:none!important}}@media(max-width:374px){.bottom-nav-pro .nav-item-pro{font-size:0}.bottom-nav-pro .nav-item-pro .material-icons{font-size:22px}.bottom-nav-pro .nav-item-pro .tab-badge{font-size:10px}.bottom-nav .nav-item{padding:var(--sp-1) 2px}}.hub-title{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:var(--fw-extra);margin:var(--sp-6) 0 var(--sp-1);color:var(--text-primary)}.hub-title .material-icons{font-size:30px;color:var(--accent)}.hub-subtitle{color:var(--text-tertiary);font-size:var(--fs-base);margin:0 0 var(--sp-6)}.hub-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:var(--sp-6)}.hub-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:var(--sp-5);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:transform var(--dur-fast) ease,border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease;min-height:120px}.hub-card:hover,.hub-card:focus-visible{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.hub-icon{font-size:var(--fs-3xl);margin-bottom:var(--sp-1)}.hub-card-title{font-weight:var(--fw-bold);font-size:var(--fs-md);color:var(--text-primary)}.hub-card-desc{font-size:var(--fs-sm);color:var(--text-tertiary);line-height:1.4}.hub-card .tab-badge{position:absolute;top:14px;right:14px}@media(min-width:768px){.hub-grid{grid-template-columns:repeat(2,1fr);gap:18px}.hub-card{min-height:140px}}.pro-tabs{position:sticky;top:var(--header-h, 52px);z-index:40;display:flex;overflow-x:auto;gap:0;background:var(--bg-primary);border-bottom:1px solid var(--border-primary);scrollbar-width:none;margin:0 -var(--sp-5) var(--sp-3);padding:0 14px}.pro-tabs::-webkit-scrollbar{display:none}.pro-tabs a{flex:0 0 auto;padding:var(--sp-3) 14px;color:var(--text-tertiary);text-decoration:none;font-size:var(--fs-sm);font-weight:var(--fw-semi);white-space:nowrap;border-bottom:2px solid transparent;display:flex;align-items:center;gap:6px;transition:color var(--dur-fast) ease,border-color var(--dur-fast) ease}.pro-tabs a .material-icons{font-size:var(--fs-lg)}.pro-tabs a:hover{color:var(--text-primary)}.pro-tabs a.active{color:var(--accent);border-bottom-color:var(--accent)}.pro-tabs a .tab-badge{margin-left:var(--sp-1)}@media(min-width:1024px){body[data-page-type=pro] .main-wrapper,html[data-page-type=pro] .main-wrapper{max-width:none}}@keyframes ffShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes ffPulseGlow{0%,to{box-shadow:var(--shadow-glow-accent)}50%{box-shadow:0 14px 34px -8px #ff3b308c,0 6px 14px -4px #ff3b3052}}@keyframes ffPopIn{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes ffSlideUpFade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes ffCountBump{0%{transform:scale(1)}35%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes ffFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes ffSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.u-skeleton{background:linear-gradient(90deg,var(--skeleton-from) 0%,var(--skeleton-to) 50%,var(--skeleton-from) 100%);background-size:200% 100%;animation:ffShimmer 1.6s linear infinite;border-radius:var(--radius-md)}.u-glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-xl)}.u-enter{animation:ffSlideUpFade var(--duration-base) var(--ease-out-quart) both}.u-enter-pop{animation:ffPopIn var(--duration-base) var(--ease-spring) both}.u-enter-delayed-1{animation-delay:60ms}.u-enter-delayed-2{animation-delay:.12s}.u-enter-delayed-3{animation-delay:.18s}.u-pulse-glow{animation:ffPulseGlow 2.2s var(--ease-in-out-soft) infinite}.u-count-bump{animation:ffCountBump .38s var(--ease-spring) both}.u-float{animation:ffFloat 3.6s var(--ease-in-out-soft) infinite}.u-spin{animation:ffSpin .8s linear infinite}.u-tappable{transition:transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart)}.u-tappable:hover{transform:translateY(-1px)}.u-tappable:active{transform:scale(.97);transition-duration:80ms}.u-flying-dot{position:fixed;width:16px;height:16px;border-radius:50%;background:var(--accent);box-shadow:var(--shadow-glow-accent);pointer-events:none;z-index:4500;will-change:transform,opacity}@media(prefers-reduced-motion:reduce){.u-skeleton,.u-enter,.u-enter-pop,.u-pulse-glow,.u-count-bump,.u-float,.u-spin{animation:none!important}.u-tappable{transition:none!important}}[data-page-type=pro] .header:not(.app-header) .notif-bell,[data-page-type=pro] .header:not(.app-header) .theme-toggle,[data-page-type=pro] .header:not(.app-header) .legal-btn,[data-page-type=pro] .header:not(.app-header) #btn-logout,[data-page-type=pro] .header:not(.app-header) #btn-back-form{background:transparent!important;border:1px solid transparent!important;box-shadow:none!important}[data-page-type=pro] .header:not(.app-header) .notif-bell:hover,[data-page-type=pro] .header:not(.app-header) .theme-toggle:hover,[data-page-type=pro] .header:not(.app-header) .legal-btn:hover,[data-page-type=pro] .header:not(.app-header) #btn-logout:hover,[data-page-type=pro] .header:not(.app-header) #btn-back-form:hover{background:transparent!important;border-color:transparent!important;color:var(--accent)!important}[data-page-type=pro] .header:not(.app-header) .notif-bell:focus-visible,[data-page-type=pro] .header:not(.app-header) .theme-toggle:focus-visible,[data-page-type=pro] .header:not(.app-header) .legal-btn:focus-visible,[data-page-type=pro] .header:not(.app-header) #btn-logout:focus-visible,[data-page-type=pro] .header:not(.app-header) #btn-back-form:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[data-page-type=pro] .header:not(.app-header) .header-right-group{gap:var(--sp-1)!important}:root{--z-base: 0;--z-raised: 10;--z-sticky: 50;--z-nav: 100;--z-dropdown: 500;--z-backdrop: 900;--z-modal: 1000;--z-toast: 2000;--z-tooltip: 3000;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--duration-instant: 80ms;--duration-fast: .15s;--duration-base: .22s;--duration-slow: .4s;--duration-slower: .6s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-spring: cubic-bezier(.5, 1.5, .5, 1);--hitbox-sm: 36px;--hitbox-md: 44px;--hitbox-lg: 56px;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-md: 17px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 42px;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.7}[data-page-type=client] .btn-primary,[data-page-type=client] .btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:13px 18px;border-radius:var(--radius-md);font-size:var(--fs-base);font-weight:var(--fw-bold);text-decoration:none;border:2px solid transparent;cursor:pointer;width:100%;transition:transform .1s ease,box-shadow var(--dur-std) ease,background var(--dur-fast) ease,border-color var(--dur-fast) ease}[data-page-type=client] .btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}[data-page-type=client] .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}[data-page-type=client] .btn-secondary{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-primary)}[data-page-type=client] .btn-secondary:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}[data-page-type=client] .btn-primary .material-icons,[data-page-type=client] .btn-secondary .material-icons{font-size:var(--fs-lg)}[data-page-type=client] .form-input,[data-page-type=client] .form-textarea,[data-page-type=client] .form-select{width:100%;padding:15px;border:1px solid var(--border-secondary);border-radius:var(--radius-md);font-size:var(--fs-base);box-sizing:border-box;outline:none;background:var(--bg-secondary);color:var(--text-primary);font-family:inherit;transition:border-color var(--dur-slow)}[data-page-type=client] .form-input:focus,[data-page-type=client] .form-textarea:focus,[data-page-type=client] .form-select:focus{border-color:var(--accent)}[data-page-type=client] .form-textarea,[data-page-type=client] textarea.form-input{resize:vertical;min-height:80px;line-height:1.5}[data-page-type=client] .form-label{display:block;font-size:var(--fs-base);font-weight:var(--fw-semi);color:var(--text-primary);margin-bottom:6px}[data-page-type=client] .form-help{display:block;font-size:var(--fs-sm);color:var(--text-tertiary);line-height:1.4;margin-top:6px}[data-page-type=client] .form-error{display:block;font-size:var(--fs-sm);color:#d92d20;line-height:1.4;margin-top:6px}