@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');:root{--bg-primary: #FAFBFC; --bg-dark: #0F172A; --bg-dark-alt: #1E293B; --surface: #FFFFFF; --surface-hover: #F8FAFC; --surface-glass: rgba(255, 255, 255, 0.08); --surface-glass-light: rgba(255, 255, 255, 0.72); --text-primary: #0F172A; --text-secondary: #64748B; --text-muted: #94A3B8; --text-on-dark: #F1F5F9; --text-on-dark-muted: #94A3B8; --accent: #06B6D4; --accent-light: #22D3EE; --accent-dark: #0891B2; --accent-glow: rgba(6, 182, 212, 0.25); --accent-subtle: rgba(6, 182, 212, 0.08); --emerald: #10B981; --emerald-light: #34D399; --emerald-subtle: rgba(16, 185, 129, 0.1); --amber: #F59E0B; --amber-subtle: rgba(245, 158, 11, 0.1); --rose: #F43F5E; --rose-subtle: rgba(244, 63, 94, 0.1); --violet: #8B5CF6; --violet-subtle: rgba(139, 92, 246, 0.1); --border: #E2E8F0; --border-light: #F1F5F9; --border-dark: rgba(255, 255, 255, 0.08); --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04); --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04); --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -2px rgba(0, 0, 0, 0.05); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.04); --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.04); --shadow-glow: 0 0 20px var(--accent-glow); --font-heading: 'Outfit', sans-serif; --font-body: 'Inter', sans-serif; --container: 1200px; --header-h: 72px; --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-xl: 24px; --radius-full: 9999px; --ease: cubic-bezier(0.4, 0, 0.2, 1); --duration: 0.25s; --duration-slow: 0.4s;}*, *::before, *::after{margin: 0; padding: 0; box-sizing: border-box;}html{scroll-behavior: smooth; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}body{font-family: var(--font-body); font-size: 15px; line-height: 1.65; color: var(--text-primary); background: var(--bg-primary); overflow-x: hidden;}img{max-width: 100%; display: block;}a{text-decoration: none; color: inherit;}button{cursor: pointer; font-family: inherit; border: none; background: none;}input, select, textarea{font-family: inherit; font-size: inherit;}ul, ol{list-style: none;}.container{max-width: var(--container); margin: 0 auto; padding: 0 24px;}.section{padding: 80px 0;}.section--dark{background: var(--bg-dark); color: var(--text-on-dark);}h1, h2, h3, h4, h5, h6{font-family: var(--font-heading); font-weight: 700; line-height: 1.2; letter-spacing: -0.02em;}h1{font-size: clamp(2rem, 5vw, 3.25rem);}h2{font-size: clamp(1.5rem, 3.5vw, 2.25rem);}h3{font-size: 1.25rem;}h4{font-size: 1.1rem;}.section__title{text-align: center; margin-bottom: 12px;}.section__subtitle{text-align: center; color: var(--text-secondary); max-width: 560px; margin: 0 auto 48px; font-size: 1rem;}.header{position: fixed; top: 0; left: 0; right: 0; height: var(--header-h); background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-bottom: 1px solid var(--border); z-index: 1000; transition: background var(--duration) var(--ease), box-shadow var(--duration) var(--ease);}.header--scrolled{box-shadow: var(--shadow-sm);}.header__inner{display: flex; align-items: center; justify-content: space-between; height: 100%; max-width: var(--container); margin: 0 auto; padding: 0 24px;}.header__logo{display: flex; align-items: center; gap: 10px; font-family: var(--font-heading); font-weight: 800; font-size: 1.3rem; color: var(--text-primary);}.header__logo-icon{width: 36px; height: 36px; background: linear-gradient(135deg, var(--accent), var(--emerald)); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; color: white; font-size: 18px;}.header__nav{display: flex; align-items: center; gap: 8px;}.header__nav-link{padding: 8px 16px; border-radius: var(--radius-full); font-size: 14px; font-weight: 500; color: var(--text-secondary); transition: all var(--duration) var(--ease);}.header__nav-link:hover{color: var(--text-primary); background: var(--accent-subtle);}.header__nav-link--active{color: var(--accent-dark); background: var(--accent-subtle);}.header__mobile-btn{display: none; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: var(--radius-sm); position: relative; z-index: 1010; cursor: pointer; background: transparent; transition: background var(--duration) var(--ease);}.header__mobile-btn:hover{background: var(--accent-subtle);}.header__mobile-btn span{display: block; position: absolute; height: 2px; width: 20px; background: var(--text-primary); border-radius: 2px; opacity: 1; left: 10px; transform: rotate(0deg); transition: transform var(--duration) var(--ease), opacity var(--duration) var(--ease), top var(--duration) var(--ease), left var(--duration) var(--ease);}.header__mobile-btn span:nth-child(1){top: 14px;}.header__mobile-btn span:nth-child(2){top: 19px;}.header__mobile-btn span:nth-child(3){top: 24px;}.header__mobile-btn--open span:nth-child(1){top: 19px; transform: rotate(135deg);}.header__mobile-btn--open span:nth-child(2){opacity: 0; left: -20px;}.header__mobile-btn--open span:nth-child(3){top: 19px; transform: rotate(-135deg);}@media (max-width: 768px){.header__nav{position: fixed; top: var(--header-h); left: 0; right: 0; bottom: 0; background: var(--surface); flex-direction: column; padding: 32px 24px; gap: 16px; transform: translateX(100%); transition: transform var(--duration-slow) var(--ease); z-index: 1000; box-shadow: var(--shadow-xl); display: flex; justify-content: flex-start; align-items: stretch; overflow-y: auto;}.header__nav--open{transform: translateX(0);}.header__nav-link{width: 100%; padding: 12px 18px; font-size: 16px; font-weight: 600; border-radius: var(--radius-md); border: 1px solid transparent; transition: all var(--duration) var(--ease);}.header__nav-link:hover, .header__nav-link--active{background: var(--accent-subtle); border-color: rgba(6, 182, 212, 0.15); color: var(--accent-dark); transform: translateX(4px);}.header__mobile-btn{display: flex;}.header__nav-user{margin-top: auto !important; margin-left: 0 !important; padding: 16px 0; border-top: 1px solid var(--border); flex-direction: column !important; align-items: stretch !important; gap: 12px !important;}.header__nav-username{border-left: none !important; padding-left: 0 !important; font-size: 14px; text-align: center; color: var(--text-secondary);}.header__nav-logout{width: 100%; padding: 12px !important; font-size: 14px !important; text-align: center; justify-content: center;}} .mode-bar{position: fixed; top: 0; left: 0; right: 0; height: 40px; background: var(--bg-dark); display: flex; align-items: center; justify-content: center; gap: 4px; z-index: 1001; padding: 0 16px;}body.has-mode-bar .header{top: 40px;}body.has-mode-bar main{padding-top: calc(var(--header-h) + 40px);}main{padding-top: var(--header-h);}@media (max-width: 768px){body.has-mode-bar .header__nav{top: calc(var(--header-h) + 40px);}} .mode-bar__btn{padding: 6px 16px; border-radius: var(--radius-full); font-size: 12px; font-weight: 600; color: var(--text-on-dark-muted); transition: all var(--duration) var(--ease); text-transform: uppercase; letter-spacing: 0.05em;}.mode-bar__btn:hover{color: var(--text-on-dark);}.mode-bar__btn--active{background: var(--accent); color: white;}.mode-bar__label{font-size: 11px; color: var(--text-on-dark-muted); margin-right: 8px; font-weight: 500;}.btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 28px; border-radius: var(--radius-full); font-weight: 600; font-size: 14px; transition: all var(--duration) var(--ease); white-space: nowrap;}.btn--primary{background: var(--accent); color: white; box-shadow: 0 2px 8px var(--accent-glow);}.btn--primary:hover{background: var(--accent-dark); box-shadow: 0 4px 16px var(--accent-glow); transform: translateY(-1px);}.btn--secondary{background: var(--surface); color: var(--text-primary); border: 1px solid var(--border);}.btn--secondary:hover{border-color: var(--accent); color: var(--accent-dark); background: var(--accent-subtle);}.btn--ghost{color: var(--accent); padding: 12px 16px;}.btn--ghost:hover{background: var(--accent-subtle);}.btn--dark{background: var(--bg-dark); color: white;}.btn--dark:hover{background: var(--bg-dark-alt); transform: translateY(-1px);}.btn--sm{padding: 8px 18px; font-size: 13px;}.btn--lg{padding: 16px 36px; font-size: 16px;}.btn--full{width: 100%;}.btn--success{background: var(--emerald); color: white;}.btn--success:hover{background: #059669;}.btn--danger{background: var(--rose); color: white;}.btn--icon{width: 40px; height: 40px; padding: 0; border-radius: var(--radius-sm);}.card{background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 28px; transition: all var(--duration) var(--ease);}.card:hover{box-shadow: var(--shadow-md); border-color: var(--border);}.card--glass{background: var(--surface-glass-light); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);}.card--dark{background: var(--bg-dark-alt); border-color: var(--border-dark); color: var(--text-on-dark);}.card--accent{border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent), var(--shadow-glow);}.card__icon{width: 48px; height: 48px; border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; font-size: 22px; margin-bottom: 16px;}.card__icon--teal{background: var(--accent-subtle); color: var(--accent);}.card__icon--emerald{background: var(--emerald-subtle); color: var(--emerald);}.card__icon--amber{background: var(--amber-subtle); color: var(--amber);}.card__icon--violet{background: var(--violet-subtle); color: var(--violet);}.card__icon--rose{background: var(--rose-subtle); color: var(--rose);}.card__title{font-size: 1.05rem; font-weight: 600; margin-bottom: 8px;}.card__desc{color: var(--text-secondary); font-size: 14px; line-height: 1.6;}.hero{min-height: calc(100vh - var(--header-h) - 40px); display: flex; align-items: center; background: var(--bg-dark); color: var(--text-on-dark); position: relative; overflow: hidden;}.hero::before{content: ''; position: absolute; top: -50%; right: -20%; width: 700px; height: 700px; background: radial-gradient(circle, var(--accent-glow) 0%, transparent 70%); border-radius: 50%; animation: heroGlow 8s ease-in-out infinite alternate;}.hero::after{content: ''; position: absolute; bottom: -30%; left: -10%; width: 500px; height: 500px; background: radial-gradient(circle, rgba(16, 185, 129, 0.12) 0%, transparent 70%); border-radius: 50%; animation: heroGlow 10s ease-in-out infinite alternate-reverse;}@keyframes heroGlow{0%{transform: translate(0, 0) scale(1);}100%{transform: translate(40px, -30px) scale(1.15);}} .hero__content{position: relative; z-index: 1; max-width: 640px;}.hero__badge{display: inline-flex; align-items: center; gap: 8px; padding: 6px 16px; background: var(--surface-glass); border: 1px solid var(--border-dark); border-radius: var(--radius-full); font-size: 13px; font-weight: 500; color: var(--accent-light); margin-bottom: 24px; backdrop-filter: blur(8px);}.hero__badge-dot{width: 8px; height: 8px; background: var(--emerald); border-radius: 50%; animation: pulse 2s ease-in-out infinite;}@keyframes pulse{0%, 100%{opacity: 1; transform: scale(1);}50%{opacity: 0.5; transform: scale(0.8);}} .hero h1{margin-bottom: 20px; font-weight: 800;}.hero h1 span{background: linear-gradient(135deg, var(--accent-light), var(--emerald-light)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}.hero__desc{font-size: 1.05rem; color: var(--text-on-dark-muted); margin-bottom: 36px; line-height: 1.7; max-width: 500px;}.hero__actions{display: flex; gap: 12px; flex-wrap: wrap;}.hero__stats{display: flex; gap: 40px; margin-top: 56px; padding-top: 32px; border-top: 1px solid var(--border-dark);}.hero__stat-value{font-family: var(--font-heading); font-size: 1.75rem; font-weight: 800; color: white;}.hero__stat-label{font-size: 13px; color: var(--text-on-dark-muted); margin-top: 2px;}@media (max-width: 768px){.hero{min-height: auto; padding: 60px 0;}.hero__stats{gap: 24px; flex-wrap: wrap;}.hero__actions{flex-direction: column;}.hero__actions .btn{width: 100%;}} .services-grid{display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px;}.service-card{cursor: default;}.service-card:hover{transform: translateY(-2px); box-shadow: var(--shadow-lg);}.equipment{padding: 40px 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); background: var(--surface);}.equipment__label{text-align: center; font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-muted); font-weight: 600; margin-bottom: 24px;}.equipment__list{display: flex; justify-content: center; flex-wrap: wrap; gap: 32px;}.equipment__item{font-size: 14px; font-weight: 600; color: var(--text-secondary); display: flex; align-items: center; gap: 8px;}.equipment__item span{font-size: 20px;}.pricing-grid{display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; align-items: start;}.pricing-card{background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-xl); padding: 36px 32px; position: relative; transition: all var(--duration) var(--ease);}.pricing-card:hover{box-shadow: var(--shadow-lg);}.pricing-card--featured{border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent), var(--shadow-glow); transform: scale(1.02);}.pricing-card--featured:hover{transform: scale(1.03);}.pricing-card__badge{position: absolute; top: -13px; left: 50%; transform: translateX(-50%); background: linear-gradient(135deg, var(--accent), var(--emerald)); color: white; padding: 4px 20px; border-radius: var(--radius-full); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em;}.pricing-card__tier{font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: var(--text-muted); margin-bottom: 8px;}.pricing-card__name{font-family: var(--font-heading); font-size: 1.35rem; font-weight: 700; margin-bottom: 16px;}.pricing-card__price{display: flex; align-items: baseline; gap: 4px; margin-bottom: 8px;}.pricing-card__amount{font-family: var(--font-heading); font-size: 2.25rem; font-weight: 800; color: var(--text-primary);}.pricing-card__period{font-size: 14px; color: var(--text-muted);}.pricing-card__desc{font-size: 14px; color: var(--text-secondary); margin-bottom: 24px; line-height: 1.6;}.pricing-card__features{margin-bottom: 28px;}.pricing-card__feature{display: flex; align-items: flex-start; gap: 10px; padding: 8px 0; font-size: 14px; color: var(--text-secondary);}.pricing-card__feature-icon{color: var(--emerald); font-size: 16px; flex-shrink: 0; margin-top: 2px;}.pricing-card__bonus{background: var(--emerald-subtle); border-radius: var(--radius-md); padding: 14px 16px; margin-bottom: 24px;}.pricing-card__bonus-label{font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--emerald); margin-bottom: 4px;}.pricing-card__bonus-text{font-size: 13px; color: #065F46; line-height: 1.5;}@media (max-width: 768px){.pricing-grid{grid-template-columns: 1fr;}.pricing-card--featured{transform: none;}} .referral-banner{background: linear-gradient(135deg, var(--bg-dark), var(--bg-dark-alt)); color: var(--text-on-dark); border-radius: var(--radius-xl); padding: 48px; display: flex; align-items: center; gap: 48px; position: relative; overflow: hidden;}.referral-banner::before{content: ''; position: absolute; top: -50%; right: -10%; width: 400px; height: 400px; background: radial-gradient(circle, var(--accent-glow) 0%, transparent 70%); border-radius: 50%;}.referral-banner__content{position: relative; z-index: 1; flex: 1;}.referral-banner__icon{position: relative; z-index: 1; font-size: 80px; line-height: 1;}.referral-banner h3{font-size: 1.5rem; margin-bottom: 12px;}.referral-banner p{color: var(--text-on-dark-muted); margin-bottom: 24px; line-height: 1.7; max-width: 460px;}@media (max-width: 768px){.referral-banner{flex-direction: column; text-align: center; padding: 32px 24px; gap: 24px;}.referral-banner p{max-width: 100%;}} .wizard{max-width: 680px; margin: 0 auto;}.wizard__progress{display: flex; align-items: center; justify-content: center; gap: 0; margin-bottom: 48px;}.wizard__step-indicator{display: flex; align-items: center; gap: 0;}.wizard__step-dot{width: 36px; height: 36px; border-radius: 50%; border: 2px solid var(--border); display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; color: var(--text-muted); background: var(--surface); transition: all var(--duration) var(--ease); position: relative; z-index: 1;}.wizard__step-dot--active{border-color: var(--accent); background: var(--accent); color: white; box-shadow: 0 0 0 4px var(--accent-glow);}.wizard__step-dot--done{border-color: var(--emerald); background: var(--emerald); color: white;}.wizard__step-line{width: 60px; height: 2px; background: var(--border); transition: background var(--duration) var(--ease);}.wizard__step-line--done{background: var(--emerald);}.wizard__panel{display: none; animation: fadeSlideUp 0.35s var(--ease);}.wizard__panel--active{display: block;}@keyframes fadeSlideUp{from{opacity: 0; transform: translateY(12px);}to{opacity: 1; transform: translateY(0);}} .wizard__panel-title{font-size: 1.35rem; margin-bottom: 8px;}.wizard__panel-desc{color: var(--text-secondary); margin-bottom: 32px; font-size: 14px;}.wizard__actions{display: flex; justify-content: space-between; margin-top: 36px; gap: 12px;}.form-group{margin-bottom: 20px;}.form-group__label{display: block; font-size: 13px; font-weight: 600; color: var(--text-primary); margin-bottom: 8px;}.form-group__hint{font-size: 12px; color: var(--text-muted); margin-top: 4px;}.input{width: 100%; padding: 12px 16px; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); color: var(--text-primary); font-size: 14px; transition: all var(--duration) var(--ease); outline: none;}.input:focus{border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-glow);}.input::placeholder{color: var(--text-muted);}.select{width: 100%; padding: 12px 16px; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); color: var(--text-primary); font-size: 14px; transition: all var(--duration) var(--ease); outline: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394A3B8' d='M6 8L1 3h10z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center; cursor: pointer;}.select:focus{border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-glow);}textarea.input{min-height: 100px; resize: vertical;}.form-row{display: grid; grid-template-columns: 1fr 1fr; gap: 16px;}@media (max-width: 600px){.form-row{grid-template-columns: 1fr;}} .promo-group{display: flex; gap: 8px; align-items: flex-start;}.promo-group .input{flex: 1;}.promo-result{padding: 12px 16px; border-radius: var(--radius-md); font-size: 13px; font-weight: 500; margin-top: 8px; display: none;}.promo-result--success{display: block; background: var(--emerald-subtle); color: #065F46; border: 1px solid rgba(16, 185, 129, 0.2);}.promo-result--error{display: block; background: var(--rose-subtle); color: #9F1239; border: 1px solid rgba(244, 63, 94, 0.2);}.price-summary{background: var(--bg-primary); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 24px; margin-top: 24px;}.price-summary__row{display: flex; justify-content: space-between; align-items: center; padding: 8px 0; font-size: 14px; color: var(--text-secondary);}.price-summary__row--total{border-top: 1px solid var(--border); margin-top: 8px; padding-top: 16px; font-size: 18px; font-weight: 700; color: var(--text-primary);}.price-summary__discount{color: var(--emerald); font-weight: 600;}.priority-options{display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px;}.priority-option{position: relative;}.priority-option input{position: absolute; opacity: 0; pointer-events: none;}.priority-option__card{display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 16px 12px; border: 2px solid var(--border); border-radius: var(--radius-md); cursor: pointer; transition: all var(--duration) var(--ease); text-align: center;}.priority-option__card:hover{border-color: var(--accent);}.priority-option input:checked + .priority-option__card{border-color: var(--accent); background: var(--accent-subtle);}.priority-option__icon{font-size: 24px;}.priority-option__label{font-size: 13px; font-weight: 600;}.priority-option__time{font-size: 11px; color: var(--text-muted);}.dashboard{display: grid; grid-template-columns: 1fr 360px; gap: 24px;}@media (max-width: 900px){.dashboard{grid-template-columns: 1fr;}} .dashboard__main{min-width: 0;}.dashboard__sidebar{display: flex; flex-direction: column; gap: 20px;}.referral-panel{background: linear-gradient(135deg, var(--bg-dark), var(--bg-dark-alt)); border-radius: var(--radius-lg); padding: 24px; color: var(--text-on-dark);}.referral-panel__title{font-size: 1rem; font-weight: 700; margin-bottom: 4px;}.referral-panel__desc{font-size: 13px; color: var(--text-on-dark-muted); margin-bottom: 16px; line-height: 1.5;}.referral-panel__code{display: flex; align-items: center; gap: 8px; background: var(--surface-glass); border: 1px solid var(--border-dark); border-radius: var(--radius-md); padding: 10px 14px; margin-bottom: 16px;}.referral-panel__code-text{flex: 1; font-family: monospace; font-size: 15px; font-weight: 700; color: var(--accent-light); letter-spacing: 0.05em;}.referral-panel__code-copy{padding: 6px 12px; font-size: 12px; border-radius: var(--radius-sm); background: var(--accent); color: white; font-weight: 600;}.referral-panel__code-copy:hover{background: var(--accent-dark);}.referral-panel__stats{display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}.referral-panel__stat{background: var(--surface-glass); border-radius: var(--radius-sm); padding: 12px; text-align: center;}.referral-panel__stat-value{font-family: var(--font-heading); font-size: 1.35rem; font-weight: 800; color: white;}.referral-panel__stat-label{font-size: 11px; color: var(--text-on-dark-muted); margin-top: 2px;}.order-list{display: flex; flex-direction: column; gap: 12px;}.order-item{background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); padding: 20px 24px; display: flex; align-items: center; gap: 16px; transition: all var(--duration) var(--ease); cursor: pointer;}.order-item:hover{border-color: var(--accent); box-shadow: var(--shadow-sm);}.order-item__icon{width: 44px; height: 44px; border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0;}.order-item__info{flex: 1; min-width: 0;}.order-item__id{font-size: 13px; font-weight: 700; color: var(--accent); font-family: monospace;}.order-item__title{font-size: 15px; font-weight: 600; margin-top: 2px;}.order-item__meta{font-size: 13px; color: var(--text-muted); margin-top: 2px;}.order-item__status{flex-shrink: 0;}.badge{display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: var(--radius-full); font-size: 12px; font-weight: 600;}.badge--new{background: var(--accent-subtle); color: var(--accent-dark);}.badge--progress{background: var(--amber-subtle); color: #92400E;}.badge--parts{background: var(--violet-subtle); color: var(--violet);}.badge--done{background: var(--emerald-subtle); color: #065F46;}.badge--cert{background: #EDE9FE; color: #6D28D9;}.badge__dot{width: 6px; height: 6px; border-radius: 50%; background: currentColor;}.timeline{display: flex; flex-direction: column; gap: 0; padding: 16px 0;}.timeline__item{display: flex; gap: 16px; padding: 12px 0; position: relative;}.timeline__marker{display: flex; flex-direction: column; align-items: center; flex-shrink: 0;}.timeline__dot{width: 12px; height: 12px; border-radius: 50%; border: 2px solid var(--border); background: var(--surface); z-index: 1;}.timeline__dot--active{border-color: var(--accent); background: var(--accent); box-shadow: 0 0 0 4px var(--accent-glow);}.timeline__dot--done{border-color: var(--emerald); background: var(--emerald);}.timeline__line{flex: 1; width: 2px; background: var(--border); margin-top: 4px;}.timeline__line--done{background: var(--emerald);}.timeline__content{padding-bottom: 16px;}.timeline__title{font-size: 14px; font-weight: 600;}.timeline__time{font-size: 12px; color: var(--text-muted); margin-top: 2px;}.engineer-header{display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; flex-wrap: wrap; gap: 16px;}.task-card{background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 24px; margin-bottom: 16px; transition: all var(--duration) var(--ease);}.task-card:hover{box-shadow: var(--shadow-md);}.task-card__header{display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 16px; gap: 12px; flex-wrap: wrap;}.task-card__id{font-family: monospace; font-weight: 700; color: var(--accent); font-size: 14px;}.task-card__body{display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 16px;}@media (max-width: 600px){.task-card__body{grid-template-columns: 1fr;}} .task-card__field-label{font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: var(--text-muted); margin-bottom: 4px;}.task-card__field-value{font-size: 14px; font-weight: 500;}.task-card__actions{display: flex; gap: 8px; padding-top: 16px; border-top: 1px solid var(--border); flex-wrap: wrap;}.task-card__notes{margin-top: 16px;}.task-card__notes textarea{width: 100%; min-height: 60px; resize: vertical;}.admin-stats{display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin-bottom: 32px;}.stat-card{background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 24px; display: flex; align-items: flex-start; gap: 16px;}.stat-card__icon{width: 44px; height: 44px; border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0;}.stat-card__value{font-family: var(--font-heading); font-size: 1.75rem; font-weight: 800; line-height: 1;}.stat-card__label{font-size: 13px; color: var(--text-secondary); margin-top: 4px;}.admin-table-wrap{overflow-x: auto; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface);}.admin-table{width: 100%; border-collapse: collapse; font-size: 14px;}.admin-table th{text-align: left; padding: 14px 20px; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--text-muted); background: var(--bg-primary); border-bottom: 1px solid var(--border); white-space: nowrap;}.admin-table td{padding: 14px 20px; border-bottom: 1px solid var(--border-light); white-space: nowrap;}.admin-table tr:last-child td{border-bottom: none;}.admin-table tr:hover td{background: var(--surface-hover);}.admin-promos{margin-top: 32px;}.promo-list{display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; margin-top: 16px;}.promo-card{background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); padding: 20px;}.promo-card__code{font-family: monospace; font-size: 16px; font-weight: 700; color: var(--accent); letter-spacing: 0.05em; margin-bottom: 8px;}.promo-card__type{font-size: 13px; color: var(--text-secondary); margin-bottom: 4px;}.promo-card__status{font-size: 12px; font-weight: 600;}.promo-card__status--active{color: var(--emerald);}.modal-overlay{position: fixed; inset: 0; background: rgba(15, 23, 42, 0.6); backdrop-filter: blur(4px); display: flex; align-items: center; justify-content: center; z-index: 2000; padding: 24px; opacity: 0; pointer-events: none; transition: opacity var(--duration) var(--ease);}.modal-overlay--visible{opacity: 1; pointer-events: auto;}.modal{background: var(--surface); border-radius: var(--radius-xl); padding: 48px; max-width: 440px; width: 100%; text-align: center; transform: scale(0.95) translateY(10px); transition: transform var(--duration-slow) var(--ease);}.modal-overlay--visible .modal{transform: scale(1) translateY(0);}.modal__icon{width: 72px; height: 72px; border-radius: 50%; background: var(--emerald-subtle); color: var(--emerald); display: flex; align-items: center; justify-content: center; font-size: 32px; margin: 0 auto 20px;}.modal__title{font-size: 1.35rem; margin-bottom: 8px;}.modal__desc{color: var(--text-secondary); font-size: 14px; margin-bottom: 8px; line-height: 1.6;}.modal__ticket{font-family: monospace; font-size: 20px; font-weight: 700; color: var(--accent); background: var(--accent-subtle); padding: 10px 20px; border-radius: var(--radius-md); display: inline-block; margin: 12px 0 24px; letter-spacing: 0.05em;}.modal--large{max-width: 680px !important;}.modal__content-scrollable{max-height: 380px; overflow-y: auto; text-align: left; padding: 20px; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--bg-primary); margin-top: 16px; margin-bottom: 24px;}.modal__content-scrollable h4{font-size: 14px; font-weight: 700; color: var(--text-primary); margin-top: 18px; margin-bottom: 8px; border-bottom: 1px solid var(--border); padding-bottom: 4px;}.modal__content-scrollable p{font-size: 13px; line-height: 1.6; color: var(--text-secondary); margin-bottom: 10px;}.modal__content-scrollable blockquote{border-left: 3px solid var(--accent); padding-left: 12px; margin: 12px 0; color: var(--text-primary); font-style: italic; font-size: 13px; background: var(--accent-subtle); padding-top: 8px; padding-bottom: 8px; border-radius: var(--radius-sm);}.modal__content-scrollable ul{list-style-type: disc; padding-left: 20px; font-size: 13px; color: var(--text-secondary); line-height: 1.6; margin-bottom: 10px;}.modal__content-scrollable li{margin-bottom: 8px;}.empty-state{text-align: center; padding: 48px 24px; color: var(--text-muted);}.empty-state__icon{font-size: 48px; margin-bottom: 16px; opacity: 0.4;}.empty-state__text{font-size: 15px; margin-bottom: 20px;}.footer{background: var(--bg-dark); color: var(--text-on-dark-muted); padding: 48px 0 24px;}.footer__inner{display: flex; justify-content: space-between; align-items: flex-start; gap: 32px; margin-bottom: 32px; flex-wrap: wrap;}.footer__brand{max-width: 300px;}.footer__logo{display: flex; align-items: center; gap: 10px; font-family: var(--font-heading); font-weight: 800; font-size: 1.2rem; color: white; margin-bottom: 12px;}.footer__desc{font-size: 13px; line-height: 1.6;}.footer__links-title{font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--text-on-dark); margin-bottom: 12px;}.footer__link{display: block; font-size: 14px; color: var(--text-on-dark-muted); padding: 4px 0; transition: color var(--duration) var(--ease);}.footer__link:hover{color: var(--accent-light);}.footer__bottom{border-top: 1px solid var(--border-dark); padding-top: 24px; font-size: 13px; text-align: center;}.page{display: none;}.page--active{display: block; animation: fadeIn 0.3s var(--ease);}@keyframes fadeIn{from{opacity: 0;}to{opacity: 1;}} .tabs{display: flex; gap: 4px; background: var(--bg-primary); padding: 4px; border-radius: var(--radius-full); border: 1px solid var(--border); margin-bottom: 24px; overflow-x: auto;}.tabs__btn{padding: 10px 20px; border-radius: var(--radius-full); font-size: 13px; font-weight: 600; color: var(--text-secondary); transition: all var(--duration) var(--ease); white-space: nowrap;}.tabs__btn:hover{color: var(--text-primary);}.tabs__btn--active{background: var(--surface); color: var(--text-primary); box-shadow: var(--shadow-sm);}.text-center{text-align: center;}.text-accent{color: var(--accent);}.mt-4{margin-top: 16px;}.mt-8{margin-top: 32px;}.mb-4{margin-bottom: 16px;}.mb-6{margin-bottom: 24px;}.flex{display: flex;}.flex-center{display: flex; align-items: center; justify-content: center;}.gap-2{gap: 8px;}.gap-4{gap: 16px;}.hidden{display: none !important;}::-webkit-scrollbar{width: 6px; height: 6px;}::-webkit-scrollbar-track{background: transparent;}::-webkit-scrollbar-thumb{background: var(--border); border-radius: 3px;}::-webkit-scrollbar-thumb:hover{background: var(--text-muted);}.auth-tabs__btn{cursor: pointer; border: none; background: transparent;}.auth-tabs__btn--active{background: var(--surface) !important; color: var(--text-primary) !important; box-shadow: var(--shadow-sm);}.header__nav-logout{cursor: pointer; transition: all var(--duration) var(--ease);}.header__nav-logout:hover{background: var(--rose) !important; color: white !important; box-shadow: 0 2px 8px rgba(244, 63, 94, 0.3);}@keyframes spin{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}} @media print{.header, .mode-bar, .footer, .btn, .tabs{display: none !important;}body{background: white; font-size: 12pt;}.page{display: block !important;}.card{box-shadow: none; border: 1px solid #ddd;}} .header__logo-img{width: 32px; height: 32px; border-radius: var(--radius-sm); object-fit: cover; display: block;}body.menu-open{overflow: hidden !important; height: 100vh !important;}@media (max-width: 768px){.header.header--open{height: 100vh !important; background: var(--surface) !important; overflow-y: hidden !important;}.header.header--open .header__inner{height: var(--header-h) !important; border-bottom: 1px solid var(--border) !important;}.header.header--open .header__nav{top: var(--header-h) !important; height: calc(100vh - var(--header-h)) !important; background: var(--surface) !important; transform: translateX(0) !important; opacity: 1 !important; display: flex !important; box-shadow: none !important;}body.has-mode-bar .header.header--open{height: calc(100vh - 40px) !important;}body.has-mode-bar .header.header--open .header__nav{height: calc(100vh - var(--header-h) - 40px) !important;}.tabs{scrollbar-width: none;}.tabs::-webkit-scrollbar{display: none;}.order-item{flex-wrap: wrap !important; padding: 16px !important; gap: 12px !important;}.order-item__icon{width: 38px !important; height: 38px !important; font-size: 16px !important;}.order-item__info{flex: 1 !important; min-width: 180px !important;}.order-item__status{width: 100% !important; margin-top: 8px !important; border-top: 1px dashed var(--border) !important; padding-top: 10px !important; display: flex !important; justify-content: flex-end !important;}#orders-list div[id^="detail-"] > div{grid-template-columns: 1fr !important; gap: 8px !important;}} @media (max-width: 480px){.mode-bar__label{display: none !important;}.mode-bar{gap: 2px !important;}.mode-bar__btn{padding: 4px 10px !important; font-size: 11px !important; letter-spacing: 0.02em !important;}.wizard__step-dot{width: 30px !important; height: 30px !important; font-size: 11px !important;}.wizard__step-line{width: 24px !important;}.wizard__progress{margin-bottom: 32px !important;}.wizard__panel-title{font-size: 1.2rem !important;}.priority-options{grid-template-columns: 1fr 1fr !important; gap: 8px !important;}.priority-option__card{padding: 10px 6px !important; gap: 4px !important;}.priority-option__icon{font-size: 18px !important;}.priority-option__label{font-size: 12px !important;}.priority-option__time{font-size: 10px !important;}.admin-stats{grid-template-columns: 1fr 1fr !important; gap: 10px !important;}.stat-card{padding: 14px 10px !important; gap: 8px !important; flex-direction: column !important; align-items: center !important; text-align: center !important; border-radius: var(--radius-md) !important;}.stat-card__icon{width: 36px !important; height: 36px !important; font-size: 16px !important; margin-bottom: 0 !important;}.stat-card__value{font-size: 1.25rem !important;}.stat-card__label{font-size: 10px !important; margin-top: 2px !important;}.hero{padding: 80px 0 40px !important;}.hero h1{font-size: 1.8rem !important; line-height: 1.25 !important;}.hero__desc{font-size: 0.95rem !important; margin-bottom: 24px !important;}.hero__stats{margin-top: 36px !important; padding-top: 24px !important; gap: 16px !important;}.hero__stat-value{font-size: 1.4rem !important;}.section{padding: 48px 0 !important;}.section__subtitle{margin-bottom: 28px !important; font-size: 13px !important;}.footer{text-align: center !important; padding: 32px 0 16px !important;}.footer__inner{flex-direction: column !important; align-items: center !important; gap: 24px !important;}.footer__brand{max-width: 100% !important; margin-bottom: 8px !important; display: flex !important; flex-direction: column !important; align-items: center !important;}.footer__logo{justify-content: center !important;}.card, .wizard__panel{padding: 20px 16px !important;}.modal{padding: 24px 16px !important; border-radius: var(--radius-lg) !important;}.modal__icon{width: 56px !important; height: 56px !important; font-size: 24px !important; margin-bottom: 12px !important;}.modal__ticket{font-size: 16px !important; padding: 8px 16px !important; margin: 8px 0 16px !important;}}