:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;--color-primary-50: #f0f4ff;--color-primary-100: #e0e7ff;--color-primary-200: #c7d2fe;--color-primary-300: #a5b4fc;--color-primary-400: #818cf8;--color-primary-500: #667eea;--color-primary-600: #5b21b6;--color-primary-700: #4c1d95;--color-primary-800: #3730a3;--color-primary-900: #312e81;--color-secondary-50: #fdf2f8;--color-secondary-100: #fce7f3;--color-secondary-200: #fbcfe8;--color-secondary-300: #f9a8d4;--color-secondary-400: #f472b6;--color-secondary-500: #f093fb;--color-secondary-600: #ec4899;--color-secondary-700: #be185d;--color-secondary-800: #9d174d;--color-secondary-900: #831843;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-surface: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);--gradient-background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);color-scheme:light;color:var(--color-gray-800);background-color:var(--color-gray-50);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:var(--gradient-background)}#root{width:100%;margin:0 auto;text-align:center}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-lg)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:var(--radius-lg);border:2px solid var(--color-gray-100)}::-webkit-scrollbar-thumb:hover{background:var(--gradient-secondary)}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:var(--radius-md)}::selection{background-color:var(--color-primary-200);color:var(--color-primary-800)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-spin{animation:spin 1s linear infinite}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid rgba(255,255,255,.2)}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*{margin:0;padding:0;box-sizing:border-box}#root{margin:0;padding:0;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.thread-page{display:flex;height:100vh;width:100vw;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.chat-area{flex:1;display:flex;flex-direction:column;background:#fff;min-height:100vh;overflow:hidden;border-radius:20px 0 0 20px;box-shadow:-10px 0 30px #0000001a}.chat-interface{flex:1;display:flex;flex-direction:column;background:#fff;min-height:0;overflow:hidden}.messages-container{flex:1;overflow-y:auto;padding:32px;background:linear-gradient(135deg,#fdfbfb,#ebedee);min-height:0}.messages-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.message{display:flex;flex-direction:column;margin-bottom:24px;animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message-user{align-items:flex-end}.message-assistant,.message-system{align-items:flex-start}.message-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:12px;color:#64748b}.message-role{font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:4px 8px;border-radius:12px;font-size:10px}.message-user .message-role{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message-assistant .message-role{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.message-system .message-role{background:#f1f5f9;color:#475569}.message-timestamp{color:#94a3b8;font-size:11px}.message-content{max-width:100%;word-wrap:break-word}.message-text{background:#fff;padding:20px 24px;border-radius:20px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0;line-height:1.7;color:#1e293b;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left}.message-user .message-text{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 6px 25px #667eea4d}.message-assistant .message-text{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 20px #0000000f}.message-system .message-text{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-color:#cbd5e1;font-style:italic;color:#475569}.message-text h1,.message-text h2,.message-text h3,.message-text h4,.message-text h5,.message-text h6{margin-top:1.5em;margin-bottom:.5em;font-weight:700;line-height:1.25}.message-text h1{font-size:1.5em}.message-text h2{font-size:1.3em}.message-text h3{font-size:1.1em}.message-text h4{font-size:1em}.message-text p{margin-bottom:1em}.message-text p:last-child{margin-bottom:0}.message-text a{color:#3b82f6;text-decoration:none;font-weight:600;border-bottom:2px solid transparent;transition:all .2s ease}.message-text a:hover{border-bottom-color:#3b82f6}.message-text ul,.message-text ol{margin:1em 0;padding-left:1.5em}.message-text li{margin-bottom:.5em}.message-text blockquote{margin:1em 0;padding:.5em 1em;border-left:4px solid #e2e8f0;background:#f8fafc;border-radius:0 8px 8px 0}.message-text code{background:#f1f5f9;padding:.125em .25em;border-radius:4px;font-size:.875em;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.message-text pre{background:#1e293b;color:#e2e8f0;padding:1em;border-radius:8px;overflow-x:auto;margin:1em 0}.message-text pre code{background:transparent;padding:0}.message-text strong{font-weight:700}.message-text em{font-style:italic}.message-text hr{margin:1.5em 0;border:none;height:1px;background:#e2e8f0}.message-user .message-text a{color:#bfdbfe;border-bottom-color:transparent}.message-user .message-text a:hover{border-bottom-color:#bfdbfe}.typing-indicator{display:flex;align-items:center;gap:4px;padding:16px 20px}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#f093fb,#f5576c);display:inline-block;animation:typing 1.5s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.3s}.typing-indicator span:nth-child(3){animation-delay:.6s}@keyframes typing{0%,60%,to{transform:scale(1);opacity:.5}30%{transform:scale(1.3);opacity:1}}.welcome-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:40px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;margin:20px;box-shadow:0 10px 40px #0000000d}.welcome-content h2{font-size:2.5rem;font-weight:800;margin-bottom:16px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-content p{font-size:1.1rem;color:#64748b;max-width:600px;line-height:1.6;margin-bottom:32px}.examples-section h3{font-size:1.25rem;font-weight:700;color:#334155;margin-bottom:24px}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:32px;max-width:800px;width:100%}.example-card{display:flex;align-items:center;gap:16px;padding:20px 24px;background:#fff;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;font-size:14px;font-weight:500;color:#475569;box-shadow:0 2px 10px #0000000a;position:relative;overflow:hidden}.example-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease;z-index:-1}.example-card:hover{transform:translateY(-4px);border-color:#667eea;box-shadow:0 10px 30px #667eea33;color:#fff}.example-card:hover:before{opacity:1}.example-card:active{transform:translateY(-2px)}.example-card:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.example-emoji{font-size:24px;filter:grayscale(.3);transition:filter .3s ease}.example-card:hover .example-emoji{filter:grayscale(0)}.example-text{font-weight:600;flex:1}.start-prompt{font-size:1rem;color:#64748b;font-weight:500;margin-top:24px}.chat-input-form{padding:24px 32px;background:#fff;border-top:1px solid #e2e8f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-input-container{display:flex;gap:12px;align-items:center;max-width:800px;margin:0 auto;position:relative}.chat-input{flex:1;padding:16px 20px;border:2px solid #e2e8f0;border-radius:20px;font-size:16px;color:#1e293b;background:#f8fafc;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;font-family:inherit}.chat-input:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a,0 4px 20px #0000001a}.chat-input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.chat-send-button{padding:16px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:20px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;box-shadow:0 4px 15px #667eea4d;position:relative;overflow:hidden}.chat-send-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.chat-send-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #667eea66}.chat-send-button:hover:not(:disabled):before{left:100%}.chat-send-button:disabled{background:#cbd5e1;color:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.thread-page{flex-direction:column;height:100vh}.sidebar{height:auto;max-height:40vh}.chat-input-container{padding:0 16px}.messages-container{padding:16px}.examples-grid{grid-template-columns:1fr;gap:12px}.welcome-content h2{font-size:2rem}.welcome-content p{font-size:1rem}}.sidebar{width:320px;background:linear-gradient(180deg,#1e293b,#334155);color:#fff;display:flex;flex-direction:column;box-shadow:4px 0 20px #00000026;position:relative;z-index:10}.sidebar-header{padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header h2{font-size:1.5rem;font-weight:800;margin-bottom:20px;color:#fff}.new-thread-button{width:100%;padding:14px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px #667eea4d}.new-thread-button:before{content:"+";font-size:16px;font-weight:700}.new-thread-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #667eea66}.new-thread-button:disabled{background:#ffffff1a;color:#ffffff80;cursor:not-allowed;transform:none;box-shadow:none}.sidebar-content{flex:1;overflow-y:auto;padding:16px 0}.sidebar-footer{padding:20px 24px;border-top:1px solid rgba(255,255,255,.1)}.logout-button{width:100%;padding:12px 20px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logout-button:hover{background:#fff3;border-color:#ffffff4d}.thread-list{display:flex;flex-direction:column;gap:4px;padding:0 16px}.thread-item{width:100%;padding:16px 20px;background:transparent;color:#fffc;border:1px solid transparent;border-radius:12px;text-align:left;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px;position:relative;overflow:hidden}.thread-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff0d;opacity:0;transition:opacity .3s ease}.thread-item:hover{color:#fff;border-color:#fff3;transform:translate(4px)}.thread-item:hover:before{opacity:1}.thread-item--active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 4px 15px #667eea4d}.thread-item-content{display:flex;flex-direction:column;gap:6px;position:relative;z-index:2}.thread-title{font-weight:600;line-height:1.4;color:inherit}.thread-timestamp{font-size:12px;color:#fff9;font-weight:400}.thread-item--active .thread-timestamp{color:#fffc}.loading-state,.empty-state{text-align:center;padding:40px 24px;color:#ffffffb3}.empty-state p{margin:8px 0;line-height:1.5}.ui-component{border-radius:.5rem;border:1px solid #e5e7eb;overflow:hidden}.order-status-card{background-color:#fff;padding:1rem}.order-status-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.order-status-header h4{font-size:1rem;font-weight:600;color:#111827;margin:0}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase}.status-shipped{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.status-delivered{background:linear-gradient(135deg,#10b981,#047857);color:#fff}.status-pending{background-color:#fef3c7;color:#92400e}.order-tracking{color:#6b7280;font-size:.875rem}.link-card{display:block;background-color:#fff;padding:1rem;text-decoration:none;color:inherit;transition:background-color .15s}.link-card:hover{background-color:#f9fafb}.link-card-content h4{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .5rem}.link-card-content p{color:#6b7280;font-size:.875rem;margin:0 0 .5rem}.link-url{color:#3b82f6;font-size:.75rem;font-family:monospace}.ui-component{margin:16px 0;max-width:600px;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #0000001a;background:#fff;border:1px solid #e2e8f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.table-component{overflow:hidden}.data-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6}.data-table caption{padding:16px 20px 12px;font-weight:700;font-size:16px;color:#1e293b;text-align:left;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f0}.data-table thead{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.data-table th{padding:12px 16px;text-align:left;font-weight:700;color:#1e293b;font-size:12px;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #e2e8f0;position:relative}.data-table th:after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:2px;background:linear-gradient(135deg,#667eea,#764ba2);opacity:.6}.data-table td{padding:12px 16px;color:#374151;border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.data-table tbody tr:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.data-table tbody tr:last-child td{border-bottom:none}.card-component{padding:0;overflow:hidden}.card-header{padding:20px 24px 16px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#fafafa,#f4f4f5)}.card-header h4{margin:0;font-size:18px;font-weight:700;color:#1e293b}.card-content{padding:16px 24px 20px;background:#fff}.card-content p{margin:0;color:#64748b;line-height:1.7}.card-success{border-left:4px solid transparent;border-image:linear-gradient(135deg,#10b981,#059669) 1}.card-warning{border-left:4px solid transparent;border-image:linear-gradient(135deg,#f59e0b,#d97706) 1}.card-error{border-left:4px solid transparent;border-image:linear-gradient(135deg,#ef4444,#dc2626) 1}.card-info{border-left:4px solid transparent;border-image:linear-gradient(135deg,#3b82f6,#2563eb) 1}.order-status-card{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid rgba(226,232,240,.8);border-radius:16px;padding:24px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #00000014,0 1px 3px #0000001a;max-width:480px;margin:8px 0;text-align:left}.order-status-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);opacity:.8}.order-status-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.order-status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.order-status-header h4{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0;line-height:1.4;letter-spacing:-.025em}.status-badge{padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden}.status-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.status-badge:hover:before{left:100%}.status-pending{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;box-shadow:0 2px 8px #fbbf244d}.status-processing{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f64d}.status-shipped{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.status-delivered,.status-active{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 2px 8px #22c55e4d}.status-paused{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px #f59e0b4d}.status-cancelled{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.status-expired{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;box-shadow:0 2px 8px #6b72804d}.order-items,.shipped-date,.delivered-date,.estimated-delivery{margin-bottom:20px}.order-tracking{margin-bottom:16px;margin-top:32px;padding-top:20px;position:relative}.order-tracking:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#e2e8f0 20%,#e2e8f0 80%,transparent 100%);opacity:.8}.order-items:last-child,.shipped-date:last-child,.delivered-date:last-child,.estimated-delivery:last-child,.order-tracking:last-child{margin-bottom:0}.order-items p,.shipped-date p,.delivered-date p,.estimated-delivery p,.order-tracking p{margin:0 0 12px;font-size:.95rem;line-height:1.5;color:#475569}.order-items strong,.shipped-date strong,.delivered-date strong,.estimated-delivery strong,.order-tracking strong{font-weight:600;color:#334155;margin-right:8px}.tracking-link{margin-top:20px}.tracking-link a{display:inline-flex;align-items:center;padding:16px 28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:14px;font-weight:600;font-size:1rem;line-height:1;letter-spacing:.025em;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 6px 16px #667eea4d,0 2px 6px #00000026;gap:10px;border:1px solid rgba(255,255,255,.2)}.tracking-link a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.tracking-link a:after{content:"→";transition:transform .3s ease;font-size:1.2em;font-weight:700}.tracking-link a:hover{transform:translateY(-3px);box-shadow:0 10px 30px #667eea66,0 4px 12px #0003}.tracking-link a:hover:before{left:100%}.tracking-link a:hover:after{transform:translate(6px)}.link-card{display:block;background:#fff;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #e2e8f0;box-shadow:0 4px 20px #00000014;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:480px;margin:8px 0;padding:0}.link-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea0d,#764ba20d);opacity:0;transition:opacity .3s ease}.link-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026;border-color:#667eea}.link-card:hover:before{opacity:1}.link-card-image{width:100%;height:250px;overflow:hidden;position:relative;background:linear-gradient(135deg,#f8fafc,#e2e8f0);margin:0;padding:0;border:none;border-radius:16px 16px 0 0}.link-card-image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea0d,#764ba20d);opacity:0;transition:opacity .3s ease;pointer-events:none}.link-card:hover .link-card-image:after{opacity:1}.link-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;display:block;margin:0;padding:0;border:none;border-radius:16px 16px 0 0}.link-card:hover .link-card-image img{transform:scale(1.02)}.link-card-content{padding:20px 24px 24px;background:#fff;position:relative;z-index:2}.link-card-content h4{margin:0 0 8px;font-size:16px;font-weight:700;color:#1e293b;line-height:1.4;transition:color .3s ease}.link-card:hover .link-card-content h4{color:#667eea}.link-card-content p{margin:0 0 12px;color:#64748b;line-height:1.6;font-size:14px}.link-url{font-size:12px;color:#94a3b8;font-weight:500;margin:0;padding:6px 10px;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0;transition:all .3s ease}.link-card:hover .link-url{background:#667eea;color:#fff;border-color:#667eea}.link-card-content:only-child{padding:20px 24px}.link-card-content:only-child h4{font-size:18px;margin-bottom:12px}.message-ui-components{margin-top:16px;display:flex;flex-direction:column;gap:12px}.unknown-component{padding:16px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;border-radius:12px;color:#991b1b;text-align:center;font-weight:600;max-width:480px}.subscription-card{border:1px solid #e2e8f0;border-radius:16px;padding:16px 20px;margin:8px 0;max-width:480px;background:linear-gradient(135deg,#fff,#fafafa);box-shadow:0 4px 20px #00000014;transition:all .3s ease;position:relative;overflow:hidden}.subscription-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#f093fb,#f5576c);opacity:.8}.subscription-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.subscription-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.subscription-header h4{margin:0;font-size:16px;color:#1e293b;font-weight:700}.subscription-details{margin:12px 0}.subscription-details p{margin:6px 0;color:#64748b;font-size:14px;line-height:1.5}.subscription-details strong{color:#1e293b;font-weight:700}.subscription-actions{margin-top:12px}.manage-subscription-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:13px;transition:all .3s ease;position:relative;overflow:hidden;border:none;cursor:pointer}.manage-subscription-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.manage-subscription-button:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f093fb66}.manage-subscription-button:hover:before{left:100%}.manage-subscription-button:focus{outline:none;box-shadow:0 0 0 3px #f093fb4d}@media (max-width: 768px){.order-status-header,.subscription-header{flex-direction:column;align-items:flex-start;gap:8px}.data-table{font-size:12px}.data-table th,.data-table td{padding:8px 12px}.ui-component,.order-status-card,.link-card,.subscription-card,.unknown-component{margin:8px 0;max-width:100%}.link-card-content{padding:12px 16px}.link-card-content:only-child{padding:16px 20px}}