.app{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color: var(--tg-theme-bg-color, #ffffff);--text-color: var(--tg-theme-text-color, #1a1a1a);--hint-color: var(--tg-theme-hint-color, #8e8e93);--link-color: var(--tg-theme-link-color, #007aff);--button-color: var(--tg-theme-button-color, #007aff);--button-text-color: var(--tg-theme-button-text-color, #ffffff);--secondary-bg-color: var(--tg-theme-secondary-bg-color, #f2f2f7);--border-color: rgba(0, 0, 0, .08);--success-color: #30d158;--warning-color: #ff9f0a;--danger-color: #ff453a;--card-shadow: 0 1px 3px rgba(0, 0, 0, .06)}@media(prefers-color-scheme:dark){:root{--border-color: rgba(255, 255, 255, .1);--card-shadow: 0 1px 3px rgba(0, 0, 0, .3)}}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--secondary-bg-color);color:var(--text-color);min-height:100vh;font-size:15px;line-height:1.4;-webkit-font-smoothing:antialiased}.container{padding:16px;max-width:600px;margin:0 auto}h1,h2,h3{font-weight:600;letter-spacing:-.02em}h2{font-size:22px;margin-bottom:4px}.section{background-color:var(--bg-color);border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:var(--card-shadow)}.section-title{font-size:13px;font-weight:600;color:var(--hint-color);text-transform:uppercase;letter-spacing:.02em;margin-bottom:12px}.item{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;padding:14px;margin-bottom:8px;transition:border-color .15s ease}.item:last-child{margin-bottom:0}.item:hover{border-color:var(--hint-color)}.item-title{font-size:16px;font-weight:500;margin-bottom:2px;color:var(--text-color)}.item-description{font-size:14px;color:var(--hint-color);margin-bottom:12px;line-height:1.35}.list-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;margin-bottom:8px;cursor:pointer;transition:all .15s ease}.list-item:hover{border-color:var(--button-color);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.list-item:active{transform:translateY(0)}.list-item-title{font-size:16px;font-weight:500}.list-item-subtitle{font-size:13px;color:var(--hint-color);margin-top:2px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .15s ease;width:100%;letter-spacing:-.01em}.btn:hover{opacity:.9;transform:translateY(-1px)}.btn:active{transform:translateY(0);opacity:.8}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background-color:var(--button-color);color:var(--button-text-color);box-shadow:0 2px 8px #007aff40}.btn-secondary{background-color:var(--secondary-bg-color);color:var(--text-color);border:1px solid var(--border-color)}.btn-danger{background-color:var(--danger-color);color:#fff}.input{width:100%;padding:14px 16px;border:1px solid var(--border-color);border-radius:10px;font-size:16px;background-color:var(--bg-color);color:var(--text-color);transition:border-color .15s ease,box-shadow .15s ease}.input:focus{outline:none;border-color:var(--button-color);box-shadow:0 0 0 3px #007aff1a}.input::placeholder{color:var(--hint-color)}.textarea{min-height:100px;resize:vertical;line-height:1.5}select.input{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='%238e8e93' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.nav-tabs{display:flex;gap:6px;margin-bottom:16px;padding:4px;background-color:var(--bg-color);border-radius:10px;box-shadow:var(--card-shadow)}.nav-tab{flex:1;padding:10px 16px;border:none;border-radius:8px;background-color:transparent;color:var(--hint-color);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.nav-tab:hover{color:var(--text-color);background-color:var(--secondary-bg-color)}.nav-tab.active{background-color:var(--button-color);color:var(--button-text-color);box-shadow:0 2px 6px #007aff33}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;letter-spacing:.01em}.badge-success{background-color:#30d15826;color:var(--success-color)}.badge-warning{background-color:#ff9f0a26;color:var(--warning-color)}.badge-danger{background-color:#ff453a26;color:var(--danger-color)}.rating{display:flex;gap:8px}.rating-btn{width:48px;height:48px;border-radius:10px;border:2px solid var(--border-color);background:var(--bg-color);color:var(--text-color);font-size:18px;font-weight:600;cursor:pointer;transition:all .15s ease}.rating-btn:hover{border-color:var(--button-color);color:var(--button-color)}.rating-btn.active{background-color:var(--button-color);border-color:var(--button-color);color:var(--button-text-color);box-shadow:0 2px 8px #007aff4d}.photo-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:140px;border:2px dashed var(--border-color);border-radius:12px;cursor:pointer;transition:all .15s ease;background-color:var(--secondary-bg-color)}.photo-upload:hover{border-color:var(--button-color);background-color:#007aff0d}.photo-upload.has-photo{border-style:solid;border-color:var(--success-color);background-color:var(--bg-color)}.photo-preview{width:100%;max-height:200px;object-fit:cover;border-radius:10px}.step-indicator{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:20px;padding:12px;background-color:var(--bg-color);border-radius:10px;box-shadow:var(--card-shadow)}.step-dot{width:8px;height:8px;border-radius:50%;background-color:var(--border-color);transition:all .2s ease}.step-dot.active{width:24px;border-radius:4px;background-color:var(--button-color)}.step-dot.completed{background-color:var(--success-color)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px}.spinner{width:36px;height:36px;border:3px solid var(--border-color);border-top-color:var(--button-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{color:var(--danger-color);font-size:14px;padding:12px 16px;background-color:#ff453a1a;border-radius:8px;text-align:center}.success{text-align:center;padding:60px 24px}.success-icon{font-size:72px;margin-bottom:20px;display:block}.group-header{font-weight:600;font-size:15px;margin-bottom:10px;padding:10px 14px;background:linear-gradient(135deg,var(--button-color) 0%,rgba(0,122,255,.8) 100%);color:#fff;border-radius:8px;letter-spacing:-.01em}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.text-center{text-align:center}.text-hint{color:var(--hint-color)}.text-small{font-size:13px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.divider{height:1px;background-color:var(--border-color);margin:16px 0}.form-label{display:block;font-size:13px;font-weight:500;color:var(--hint-color);margin-bottom:6px;text-transform:uppercase;letter-spacing:.02em}.form-hint{font-size:12px;color:var(--hint-color);margin-top:6px;line-height:1.4}input[type=checkbox]{width:20px;height:20px;accent-color:var(--button-color);cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .2s ease-out}