*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #2D6BE4;--color-bg: #FFFFFF;--color-surface: #F5F5F5;--color-text: #1A1A1A;--color-muted: #757575;--nav-height: 60px;--header-height: 56px}@media (prefers-color-scheme: dark){:root{--color-bg: #1A1A1A;--color-surface: #2D2D2D;--color-text: #F5F5F5;--color-muted: #A0A0A0}}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-bg);color:var(--color-text);height:100%}#root{height:100%}.app{display:flex;flex-direction:column;height:100dvh;max-width:480px;margin:0 auto}.main-content{flex:1;overflow-y:auto;padding-bottom:var(--nav-height)}.screen{padding:16px}.screen-header{padding:16px 0 24px}.screen-header h1{font-size:24px;font-weight:700;line-height:1.2}.screen-header p{color:var(--color-muted);margin-top:4px;font-size:14px}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.service-card{background:var(--color-surface);border:none;border-radius:12px;padding:24px 16px;font-size:16px;font-weight:500;color:var(--color-text);cursor:pointer;text-align:center;transition:background .15s}.service-card:not(:disabled):hover{background:var(--color-primary);color:#fff}.service-card:disabled{opacity:.6;cursor:not-allowed}.empty-state{color:var(--color-muted);text-align:center;padding:48px 16px;font-size:15px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:var(--nav-height);background:var(--color-bg);border-top:1px solid var(--color-surface);display:flex;align-items:center;justify-content:space-around;padding:0 8px;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;color:var(--color-muted);text-decoration:none;padding:8px 12px;border-radius:8px;flex:1;text-align:center;transition:color .15s}.nav-item.active{color:var(--color-primary)}.form-screen{display:flex;flex-direction:column;gap:0;padding-bottom:80px}.form-screen .screen-header{display:flex;align-items:center;gap:8px;padding:12px 0 16px}.form-screen .screen-header h1{flex:1;font-size:20px}.step-indicator{font-size:13px;color:var(--color-muted);white-space:nowrap}.btn-back{background:none;border:none;color:var(--color-primary);font-size:14px;cursor:pointer;padding:4px 0;white-space:nowrap}.form-step{display:flex;flex-direction:column;gap:16px}.step-title{font-size:17px;font-weight:600;color:var(--color-text)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:13px;font-weight:500;color:var(--color-muted)}.form-input{background:var(--color-surface);border:1px solid transparent;border-radius:10px;padding:12px 14px;font-size:15px;color:var(--color-text);width:100%;outline:none;transition:border-color .15s}.form-input:focus{border-color:var(--color-primary)}.form-row{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:15px}.stepper{display:flex;align-items:center;gap:0;background:var(--color-surface);border-radius:10px;overflow:hidden;width:fit-content}.stepper-btn{background:none;border:none;font-size:20px;color:var(--color-primary);width:44px;height:44px;cursor:pointer;display:flex;align-items:center;justify-content:center}.stepper-btn:active{background:var(--color-surface);filter:brightness(.95)}.stepper-value{min-width:36px;text-align:center;font-size:16px;font-weight:600}.options-list{display:flex;flex-direction:column;gap:8px}.route-option{display:flex;justify-content:space-between;align-items:center;background:var(--color-surface);border:2px solid transparent;border-radius:12px;padding:14px 16px;font-size:15px;color:var(--color-text);cursor:pointer;text-align:left;transition:border-color .15s,background .15s;width:100%}.route-option.selected{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface))}.route-option:not(.selected):active{background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface))}.route-label{font-weight:500}.route-price{font-size:14px;color:var(--color-muted)}.bike-card{display:flex;flex-direction:column;gap:4px;background:var(--color-surface);border:2px solid transparent;border-radius:12px;padding:14px 16px;font-size:15px;color:var(--color-text);cursor:pointer;text-align:left;transition:border-color .15s,background .15s;width:100%}.bike-card.selected{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface))}.bike-name{font-weight:600;font-size:16px}.bike-cc{font-size:13px;color:var(--color-muted)}.bike-price{font-size:14px;color:var(--color-primary);font-weight:500}.price-summary{background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.price-row{font-size:14px;color:var(--color-muted)}.price-row.discount{color:#27ae60}.price-row.total{font-size:17px;font-weight:700;color:var(--color-text)}.summary-card{background:var(--color-surface);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}.summary-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.summary-label{font-size:13px;color:var(--color-muted);flex-shrink:0}.summary-value{font-size:14px;font-weight:500;text-align:right}.summary-card .price-summary{margin-top:4px}.tourists-list{display:flex;flex-direction:column;gap:12px}.tourist-card{background:var(--color-surface);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:12px}.tourist-header{display:flex;justify-content:space-between;align-items:center}.tourist-number{font-size:13px;font-weight:600;color:var(--color-muted)}.btn-remove{background:none;border:1px solid var(--color-muted);border-radius:50%;width:26px;height:26px;font-size:16px;color:var(--color-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.tourists-summary{border-top:1px solid color-mix(in srgb,var(--color-muted) 20%,transparent);padding-top:8px;display:flex;flex-direction:column;gap:6px}.tourist-summary-item{display:flex;justify-content:space-between;font-size:14px}.tourist-birth{color:var(--color-muted);font-size:13px}.btn{border:none;border-radius:12px;padding:14px 20px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .15s;width:100%;text-align:center}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:not(:disabled):active{opacity:.85}.btn-secondary{background:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-primary)}.loading-text{color:var(--color-muted);font-size:14px;text-align:center;padding:24px 0}.form-error{background:#fdecea;border-radius:10px;padding:12px 14px;font-size:14px;color:#c0392b}.auth-error{background:#fff3cd;color:#856404}.info-notice{background:#e8f4fd;border-radius:10px;padding:12px 14px;font-size:14px;color:#1a6090}@media (prefers-color-scheme: dark){.form-error{background:#4a1a18;color:#f08080}.auth-error{background:#3d3000;color:#ffd060}.info-notice{background:#0d2a3d;color:#7ec8f0}}.success-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:60vh;text-align:center}.success-icon{width:72px;height:72px;border-radius:50%;background:#27ae60;color:#fff;font-size:36px;display:flex;align-items:center;justify-content:center}.success-screen h2{font-size:22px;font-weight:700}.success-order-number{font-size:16px;color:var(--color-muted)}.success-screen .btn{max-width:280px;margin-top:8px}.catalog-tabs{display:flex;gap:8px;margin-bottom:16px}.catalog-tab{flex:1;padding:10px;border:2px solid var(--color-surface);border-radius:8px;background:var(--color-surface);color:var(--color-muted);font-size:14px;font-weight:600;cursor:pointer}.catalog-tab.active{border-color:var(--color-primary);color:var(--color-primary);background:transparent}.catalog-grid{display:grid;grid-template-columns:1fr;gap:12px}.catalog-card{display:block;width:100%;text-align:left;background:var(--color-surface);border:none;border-radius:12px;overflow:hidden;cursor:pointer}.catalog-card-cover{width:100%;height:180px;overflow:hidden;background:var(--color-surface)}.catalog-card-cover img{width:100%;height:100%;object-fit:cover}.catalog-card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e0e0e0,#c8c8c8)}.catalog-card-body{padding:12px}.catalog-card-name{font-size:16px;font-weight:600;color:var(--color-text);margin-bottom:4px}.catalog-card-price{font-size:14px;color:var(--color-primary);font-weight:600}.catalog-card-guests{font-size:13px;color:var(--color-muted);margin-top:2px}.item-cover{width:100%;height:240px;overflow:hidden;border-radius:12px;margin-bottom:16px}.item-cover img{width:100%;height:100%;object-fit:cover}.item-info{margin-bottom:16px}.item-description{color:var(--color-muted);font-size:14px;line-height:1.5;margin-bottom:8px}.item-price{font-size:18px;font-weight:700;color:var(--color-primary)}.item-guests{font-size:14px;color:var(--color-muted);margin-top:4px}.item-attributes{background:var(--color-surface);border-radius:12px;padding:12px;margin-bottom:16px}.attr-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(128,128,128,.1);font-size:14px}.attr-row:last-child{border-bottom:none}.attr-key{color:var(--color-muted)}.attr-value{font-weight:500}.availability-section{margin-bottom:16px}.availability-section h3{font-size:16px;font-weight:600;margin-bottom:12px}.item-actions{padding:16px 0 32px}.availability-calendar{display:flex;flex-direction:column;gap:16px}.cal-month-label{font-size:13px;font-weight:600;color:var(--color-muted);text-transform:capitalize;margin-bottom:6px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cal-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:12px}.cal-day--blocked{background:#ffebee;color:#c62828;text-decoration:line-through}.cal-day--past{opacity:.35}.cal-day--empty{background:transparent}.booking-days{font-size:14px;color:var(--color-primary);margin:4px 0 12px}.empty-text{text-align:center;color:var(--color-muted);padding:40px 16px}