:root{--primary-900: #1E3A5F;--primary-700: #2B4C7E;--primary-500: #3A6BAE;--primary-100: #E8F0FE;--primary-50: #F3F7FD;--accent-600: #2DB5AD;--accent-500: #38C9C0;--accent-400: #5DD9D2;--accent-100: #DFFBF9;--accent-50: #F0FDFB;--warm: #E8A838;--warm-light: #FEF3C7;--cta-gradient: linear-gradient(135deg, #2DB5AD 0%, #2B4C7E 100%);--bg-page: #F6F8FC;--bg-card: #FFFFFF;--bg-input: #F9FAFB;--shadow-sm: 0 1px 2px rgba(43,76,126,.04), 0 1px 3px rgba(43,76,126,.06);--shadow-md: 0 2px 4px rgba(43,76,126,.04), 0 4px 12px rgba(43,76,126,.06);--shadow-lg: 0 4px 8px rgba(43,76,126,.04), 0 8px 24px rgba(43,76,126,.08);--shadow-cta: 0 2px 8px rgba(45,181,173,.25), 0 1px 2px rgba(45,181,173,.15);--success: #16A34A;--error: #DC2626;--warning: #D97706;--info: #0284C7;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--border-subtle: rgba(43,76,126,.06);--font-heading: "Bitter", serif;--font-body: "Source Sans 3", sans-serif;--ease-out-expo: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}body{font-family:var(--font-body);font-size:15px;line-height:1.55;color:var(--gray-800);background:var(--bg-page);margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{font-family:var(--font-heading);font-weight:700;margin:0;color:var(--primary-700)}h1{font-size:24px;line-height:1.25}h2{font-size:20px;line-height:1.3}h3{font-size:17px;line-height:1.35;font-weight:600}p{margin:0}.screen{padding:16px 16px 80px;min-height:100vh}.card{background:var(--bg-card);border-radius:16px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-md);padding:20px;margin-bottom:12px;animation:fadeInUp .35s var(--ease-out-expo) both}.card:nth-child(2){animation-delay:60ms}.card:nth-child(3){animation-delay:.12s}.card:nth-child(4){animation-delay:.18s}.card:nth-child(5){animation-delay:.24s}.card[onclick],.card[style*="cursor: pointer"]{cursor:pointer;transition:transform .2s var(--ease-out-expo)}.card[onclick]:active,.card[style*="cursor: pointer"]:active{transform:scale(.98)}.card-accent{background:linear-gradient(135deg,var(--accent-50),var(--primary-100));border:1px solid rgba(45,181,173,.15);border-radius:16px;padding:20px;margin-bottom:12px;box-shadow:var(--shadow-sm)}.icon-circle{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--accent-100),var(--primary-100));display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--primary-700)}.icon-circle-gradient{width:44px;height:44px;border-radius:12px;background:var(--cta-gradient);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.btn-primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;background:var(--cta-gradient);color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:600;font-family:var(--font-body);letter-spacing:.02em;cursor:pointer;padding:12px 16px;text-decoration:none;gap:8px;box-shadow:var(--shadow-cta);transition:transform .15s var(--ease-out-expo),opacity .2s ease}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-secondary{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;background:var(--primary-50);color:var(--primary-700);border:1.5px solid var(--gray-200);border-radius:14px;font-size:15px;font-weight:600;font-family:var(--font-body);letter-spacing:.02em;cursor:pointer;padding:12px 16px;text-decoration:none;gap:8px;transition:transform .15s var(--ease-out-expo),opacity .2s ease}.btn-secondary:active{transform:scale(.97);opacity:.7}.btn-danger{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;background:transparent;color:var(--error);border:1.5px solid var(--error);border-radius:14px;font-size:15px;font-weight:600;font-family:var(--font-body);cursor:pointer;padding:12px 16px;gap:8px}.input-field{width:100%;min-height:48px;border:1.5px solid var(--gray-200);border-radius:12px;padding:12px 16px;font-size:15px;font-family:var(--font-body);background:var(--bg-input);color:var(--gray-800);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input-field:focus{border-color:var(--accent-600);box-shadow:0 0 0 3px #2db5ad1f}.input-field::placeholder{color:var(--gray-400)}textarea.input-field{min-height:100px;resize:vertical}.badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:8px;font-size:13px;font-weight:600;border-left:3px solid transparent}.badge-new{background:#dbeafe;color:#1d4ed8;border-left-color:#1d4ed8}.badge-in_progress{background:#fef3c7;color:#b45309;border-left-color:#b45309}.badge-awaiting_payment{background:#fef9c3;color:#a16207;border-left-color:#a16207}.badge-paid{background:#dcfce7;color:#15803d;border-left-color:#15803d}.badge-processing{background:#e0e7ff;color:#4338ca;border-left-color:#4338ca}.badge-completed{background:#f1f5f9;color:#475569;border-left-color:#475569}.badge-cancelled{background:#fee2e2;color:#dc2626;border-left-color:#dc2626}.badge-refund{background:#f1f5f9;color:#64748b;border-left-color:#64748b}.header-bar{display:flex;align-items:center;padding:8px 0 16px;gap:12px;min-height:48px}.header-bar h2{flex:1;text-align:center}.back-btn{width:40px;height:40px;border-radius:12px;background:#ffffffd9;border:1px solid var(--gray-200);color:var(--primary-700);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s var(--ease-out-expo)}.back-btn:active{transform:scale(.93)}.section-gap{margin-bottom:24px}.card-gap{margin-bottom:12px}.text-muted{color:var(--gray-500);font-size:13px;line-height:1.4}.text-center{text-align:center}.flex-row{display:flex;gap:12px}.flex-1{flex:1}.loading-dots{display:inline-flex;gap:4px}.loading-dots span{width:8px;height:8px;border-radius:50%;background:var(--accent-600);animation:dot-pulse 1.2s infinite ease-in-out}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}.stars{display:flex;gap:8px}.star-btn{background:none;border:none;cursor:pointer;font-size:28px;padding:4px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;transition:transform .2s var(--ease-out-expo)}.star-btn:active{transform:scale(1.2)}.chat-messages{display:flex;flex-direction:column;gap:12px;padding-bottom:80px}.chat-msg{max-width:85%;padding:12px 16px;border-radius:18px;font-size:15px;line-height:1.55;word-wrap:break-word}.chat-msg-user{align-self:flex-end;background:var(--cta-gradient);color:#fff;border-bottom-right-radius:4px;box-shadow:var(--shadow-sm);animation:slideInRight .25s var(--ease-out-expo) both}.chat-msg-ai{align-self:flex-start;background:var(--bg-card);color:var(--gray-800);border:1px solid var(--gray-100);border-bottom-left-radius:4px;box-shadow:var(--shadow-sm);animation:slideInLeft .25s var(--ease-out-expo) both}.chat-msg-ai p{margin:0 0 8px}.chat-msg-ai p:last-child{margin-bottom:0}.chat-msg-ai ul,.chat-msg-ai ol{margin:4px 0;padding-left:20px}.chat-msg-ai li{margin-bottom:2px}.chat-msg-ai strong{font-weight:700}.chat-msg-ai h1,.chat-msg-ai h2,.chat-msg-ai h3{font-size:15px;font-weight:700;margin:8px 0 4px;color:var(--gray-800)}.chat-msg-ai hr{border:none;border-top:1px solid var(--gray-200);margin:8px 0}.chat-msg-ai code{background:#0000000f;padding:1px 4px;border-radius:3px;font-size:13px}.chat-input-bar{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));display:flex;gap:8px;background:#f6f8fcd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(229,231,235,.6)}.chat-input-bar input{flex:1}.chat-input-bar button{min-width:48px;min-height:48px;background:var(--cta-gradient);color:#fff;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-cta);transition:transform .15s var(--ease-out-expo)}.chat-input-bar button:active{transform:scale(.93)}.pill-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600;background:var(--accent-100);color:var(--accent-600)}.radio-group{display:flex;flex-direction:column;gap:8px}.radio-option{display:flex;align-items:center;gap:12px;min-height:48px;padding:14px 16px;border:1.5px solid var(--gray-200);border-radius:14px;cursor:pointer;transition:border-color .2s ease,background .2s ease;background:var(--bg-card)}.radio-option.selected{border-color:var(--accent-600);background:var(--accent-50)}.radio-dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--gray-300);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease}.radio-option.selected .radio-dot{border-color:var(--accent-600)}.radio-option.selected .radio-dot:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--accent-600)}.progress-bar{display:flex;gap:8px;margin-bottom:16px}.progress-step{height:5px;flex:1;border-radius:3px;background:var(--gray-200);transition:background .3s ease}.progress-step.active{background:var(--cta-gradient);box-shadow:0 0 6px #2db5ad4d}.upload-zone{border:2px dashed var(--primary-700);border-radius:16px;padding:32px 20px;text-align:center;margin-bottom:16px;background:#ffffff80;transition:border-color .2s ease}.upload-zone:hover{border-color:var(--accent-600)}.file-list{display:flex;flex-direction:column;gap:8px}.file-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--gray-200);border-radius:12px;background:var(--bg-card)}.file-item .file-name{flex:1;font-size:14px;overflow:hidden;text-overflow:ellipsis}.file-item .file-size{font-size:13px;color:var(--gray-500)}.file-remove{background:none;border:none;color:var(--error);cursor:pointer;padding:4px;font-size:18px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.chat-offer-banner{position:fixed;bottom:73px;left:0;right:0;height:44px;display:flex;align-items:center;gap:10px;padding:0 12px 0 16px;background:#f6f8fceb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(45,181,173,.1);animation:slideUpBanner .3s var(--ease-out-expo) both}.offer-banner-dot{width:28px;height:28px;border-radius:8px;background:var(--cta-gradient);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.offer-banner-text{flex:1;font-size:14px;font-weight:600;color:var(--primary-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.offer-banner-cta{display:flex;align-items:center;gap:2px;padding:6px 14px;height:32px;background:var(--cta-gradient);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;font-family:"Source Sans 3",sans-serif;cursor:pointer;white-space:nowrap;flex-shrink:0;box-shadow:0 1px 4px #2db5ad33;transition:transform .15s var(--ease-out-expo)}.offer-banner-cta:active{transform:scale(.95)}.offer-banner-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--gray-400);cursor:pointer;border-radius:50%;flex-shrink:0;padding:0;transition:color .15s ease,background .15s ease}.offer-banner-close:active{background:var(--gray-100);color:var(--gray-600)}@keyframes slideUpBanner{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-50) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px}.empty-state{text-align:center;padding:40px 20px}.empty-state-icon{width:64px;height:64px;margin:0 auto 16px;color:var(--gray-400)}.timeline{position:relative;padding-left:40px}.timeline:before{content:"";position:absolute;left:15px;top:4px;bottom:4px;width:2px;background:var(--accent-600)}.timeline-step{position:relative;margin-bottom:16px;display:flex;align-items:center;gap:12px}.timeline-number{position:absolute;left:-40px;width:30px;height:30px;border-radius:50%;background:var(--cta-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes successPop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes dot-pulse{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}