.container{width:100%;max-width:480px;margin-left:auto;margin-right:auto;padding-left:var(--page-padding, 20px);padding-right:var(--page-padding, 20px)}@media (min-width: 768px){.container{max-width:1200px}}.container-wide{width:100%;max-width:none;box-sizing:border-box;padding-left:var(--page-padding, 20px);padding-right:var(--page-padding, 20px)}@media (min-width: 768px){.container-wide{padding-left:32px;padding-right:32px}}.grid{display:grid;gap:12px;grid-template-columns:1fr}@media (min-width: 768px){.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.grid-2{display:grid;gap:12px;grid-template-columns:1fr}@media (min-width: 768px){.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}.grid-3{display:grid;gap:12px;grid-template-columns:1fr}@media (min-width: 768px){.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}.sidebar-layout{display:flex;flex-direction:column;gap:16px}@media (min-width: 768px){.sidebar-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}}.split-layout{display:flex;flex-direction:column;gap:16px}@media (min-width: 768px){.split-layout{flex-direction:row;gap:24px;align-items:stretch}.split-layout>*{flex:1;min-width:0}}.order-detail-layout{display:flex;flex-direction:column;gap:16px;width:100%}@media (min-width: 768px){.order-detail-layout{flex-direction:row;align-items:flex-start;gap:24px}.order-detail-col--main{flex:3;min-width:0}.order-detail-col--side{flex:2;min-width:0;position:sticky;top:calc(var(--desktop-nav-height) + 16px);align-self:flex-start}}.order-detail-expiry{font-size:13px;font-weight:600;margin-top:8px}.order-detail-expiry--urgent{color:var(--warning)}.order-detail-expiry--expired{color:var(--danger)}.badge-expired{background:#f442;color:var(--danger);font-weight:700;padding:4px 10px;border-radius:8px;font-size:12px;margin-left:8px;vertical-align:middle}.order-timeline{list-style:none;margin:0;padding:0}.order-timeline-step{display:flex;gap:12px;position:relative;padding-bottom:16px}.order-timeline-step:last-child{padding-bottom:0}.order-timeline-step:not(:last-child):before{content:"";position:absolute;left:11px;top:28px;bottom:0;width:2px;background:var(--border)}.order-timeline-marker{width:24px;height:24px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid var(--border);background:var(--surface-2);color:var(--text-dim);z-index:1}.order-timeline-step--done .order-timeline-marker{background:#00d4aa33;border-color:var(--primary);color:var(--primary)}.order-timeline-step--current .order-timeline-marker{border-color:var(--primary);background:var(--primary);color:#000;animation:order-timeline-pulse 1.5s ease-in-out infinite}.order-timeline-step--pending .order-timeline-marker{opacity:.6}.order-timeline-body{flex:1;min-width:0;padding-top:2px}.order-timeline-title{font-weight:600;font-size:14px}.order-timeline-time{font-size:12px;color:var(--text-dim);margin-top:2px}@keyframes order-timeline-pulse{0%,to{box-shadow:0 0 #00d4aa73}50%{box-shadow:0 0 0 6px #00d4aa00}}.order-receipt-img{max-width:100%;border-radius:10px;border:1px solid var(--border);margin-top:8px;display:block;cursor:zoom-in}.order-receipt-link{color:var(--primary);font-size:13px;font-weight:600;text-decoration:none}.order-receipt-link:hover{text-decoration:underline}.orders-toolbar{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}@media (min-width: 768px){.orders-toolbar{flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:12px}}.orders-toolbar-field{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}@media (min-width: 768px){.orders-toolbar-field--grow{flex:1 1 140px}.orders-toolbar-field--search{flex:2 1 200px}}.orders-toolbar-field label{font-size:12px;color:var(--text-dim)}.orders-toolbar-field select,.orders-toolbar-field input{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:14px}.orders-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.orders-table{width:100%;border-collapse:collapse;font-size:14px}.orders-table th,.orders-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle}.orders-table tbody tr:last-child td{border-bottom:none}.orders-table th{color:var(--text-dim);font-weight:600;white-space:nowrap;background:var(--surface-2)}.orders-table th.orders-table-sort{cursor:pointer;-webkit-user-select:none;user-select:none}.orders-table th.orders-table-sort:hover{color:var(--primary)}.orders-table tbody tr:hover{background:#ffffff05}.orders-table-id{color:var(--primary);font-weight:600;text-decoration:none;cursor:pointer;background:none;border:none;font:inherit;padding:0}.orders-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px;flex-wrap:wrap}.orders-pagination button{padding:8px 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:13px;cursor:pointer}.orders-pagination button:disabled{opacity:.4;cursor:not-allowed}.orders-empty{text-align:center;padding:48px 24px;border:1px dashed var(--border);border-radius:14px;background:var(--surface)}.orders-empty-icon{font-size:48px;margin-bottom:12px}.orders-load-more{margin-top:16px;width:100%}.pay-layout{display:flex;flex-direction:column;gap:16px;width:100%}@media (min-width: 768px){.pay-layout{flex-direction:row;align-items:flex-start;gap:24px}.pay-form-col{flex:3;min-width:0}.pay-preview-col{flex:2;min-width:0;position:sticky;top:calc(var(--desktop-nav-height) + 16px);align-self:flex-start}}.pay-preview-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--card-radius);padding:var(--card-padding);margin-bottom:var(--card-margin-bottom)}.pay-preview-arrow{display:flex;align-items:center;justify-content:center;gap:12px;margin:16px 0;font-size:15px;font-weight:600;flex-wrap:wrap;text-align:center}.pay-preview-arrow span:last-child{color:var(--primary)}.pay-rate-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}.pay-refresh-btn{padding:8px 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:13px;font-weight:600;cursor:pointer}.pay-refresh-btn:hover{border-color:var(--primary);color:var(--primary)}.pay-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.pay-countdown{font-size:12px;color:var(--text-dim)}.pay-line-item{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:8px 0;border-bottom:1px solid var(--border)}.pay-line-item:last-child{border-bottom:none}.pay-line-item .text-dim{font-size:13px}.currency-selector{width:100%}@media (min-width: 768px){.currency-selector{max-width:300px}}.auth-shell{flex:1;display:flex;flex-direction:column;width:100%}@media (min-width: 768px){.auth-shell{min-height:calc(100vh + -0px);align-items:center;justify-content:center;background:radial-gradient(ellipse 100% 60% at 50% -10%,rgba(0,212,170,.12) 0%,transparent 55%),radial-gradient(ellipse 80% 50% at 100% 100%,rgba(0,120,90,.08) 0%,transparent 45%),var(--bg);padding:48px 24px}.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:0 24px 48px #00000059}.auth-card .logo{justify-content:center;margin-bottom:8px}.auth-brand{text-align:center;margin-bottom:20px}.auth-brand .logo{font-size:26px}}@media (max-width: 767px){.auth-card{width:100%;padding:0;background:transparent;border:none;box-shadow:none}}.profile-shell{width:100%}@media (min-width: 768px){.profile-shell{max-width:440px;margin-left:auto;margin-right:auto;padding-top:8px;padding-bottom:32px}.profile-page-bg{flex:1;width:100%;background:radial-gradient(ellipse 100% 50% at 50% 0%,rgba(0,212,170,.1) 0%,transparent 50%),var(--bg)}}.profile-section-title{font-size:15px;font-weight:600;margin-bottom:12px}.profile-list-item{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);font-size:14px}.profile-list-item:last-child{border-bottom:none}.profile-muted{font-size:12px;color:var(--text-dim);margin-top:4px}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:6px 12px;border-radius:8px;font-size:12px;cursor:pointer}.btn-ghost:hover{color:var(--primary);border-color:var(--primary)}:root{--bp-mobile: 0px;--bp-tablet: 768px;--bp-desktop: 1024px;--bp-wide: 1440px;--page-padding: 20px;--page-title-size: 20px;--card-padding: 16px;--card-margin-bottom: 12px;--card-radius: 14px;--bg: #0a0a0a;--surface: #141414;--surface-2: #1e1e1e;--border: #2a2a2a;--text: #f5f5f5;--text-dim: #888;--primary: #00d4aa;--primary-dim: #00a885;--danger: #ff4444;--warning: #ffaa00;--success: #00d4aa;--desktop-nav-height: 60px}@media (min-width: 768px){:root{--page-padding: 28px;--page-title-size: 24px;--card-padding: 20px;--card-margin-bottom: 16px;--card-radius: 16px}}.mobile-only{display:block}@media (min-width: 768px){.mobile-only{display:none}}.desktop-only{display:none}@media (min-width: 768px){.desktop-only{display:block}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}#root{margin:0 auto;min-height:100vh;width:100%;display:flex;flex-direction:column}.page{padding:var(--page-padding);flex:1;display:flex;flex-direction:column}.page-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.page-header h1{font-size:var(--page-title-size);font-weight:600}.back-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);width:36px;height:36px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px}.bottom-nav{display:flex;border-top:1px solid var(--border);background:var(--surface);padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom))}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;color:var(--text-dim);text-decoration:none;font-size:11px;cursor:pointer;border:none;background:none}.nav-item.active,.nav-item:hover{color:var(--primary)}.nav-item svg{width:22px;height:22px}@media (min-width: 768px){.bottom-nav{display:none}}.app-content{flex:1;width:100%;min-height:0;display:flex;flex-direction:column}@media (max-width: 767px){.app-content{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.app-content--plain{padding-bottom:0}}@media (min-width: 768px){.app-content{padding-top:var(--desktop-nav-height)}.app-content--plain{padding-top:0}}.desktop-nav{position:fixed;top:0;left:0;right:0;height:var(--desktop-nav-height);background:var(--surface);border-bottom:1px solid var(--border);z-index:100}.desktop-nav-inner{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;padding:0 24px;gap:24px}.desktop-nav-logo{text-decoration:none;color:var(--text);flex-shrink:0}.desktop-nav-links{display:flex;align-items:center;gap:4px;flex:1}.desktop-nav-link{color:var(--text-dim);text-decoration:none;font-size:14px;font-weight:500;padding:8px 14px;border-radius:8px;white-space:nowrap}.desktop-nav-link:hover{color:var(--text);background:var(--surface-2)}.desktop-nav-link.active{color:var(--primary);background:#00d4aa1a}.desktop-nav-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.desktop-nav-user{display:none}@media (min-width: 900px){.desktop-nav-user{display:inline}}.desktop-nav-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:var(--text-dim);border:1px solid var(--border);background:var(--surface-2)}.desktop-nav-icon-btn:hover{color:var(--primary);border-color:var(--primary)}.desktop-nav-connect{padding:8px 14px;border-radius:10px;border:none;background:var(--primary);color:#000;font-weight:600;font-size:13px;cursor:pointer;white-space:nowrap}.desktop-nav-connect:hover{background:var(--primary-dim)}.lp-desktop-wrap{display:flex;flex-direction:column;gap:16px;width:100%;flex:1}.lp-sidebar,.lp-medium-tabs{display:none}.lp-mobile-tabs{display:flex}@media (min-width: 768px){.lp-mobile-tabs{display:none}.lp-medium-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.lp-desktop-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.lp-desktop-header h1{font-size:var(--page-title-size);font-weight:600;margin:0}}@media (min-width: 768px) and (max-width: 1023px){.lp-desktop-main{width:100%;min-width:0}}@media (min-width: 1024px){.lp-medium-tabs{display:none}.lp-desktop-wrap{flex-direction:row;align-items:flex-start;gap:24px}.lp-sidebar.lp-sidebar--visible{display:flex;flex-direction:column;gap:4px;width:250px;flex-shrink:0;position:sticky;top:calc(var(--desktop-nav-height) + 16px);align-self:flex-start;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.lp-sidebar-condensed{padding:12px;margin-bottom:8px;border-bottom:1px solid var(--border);font-size:12px}.lp-overview-wide-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.lp-overview-wide-table{font-size:13px;width:100%}.lp-overview-wide-table td{padding:8px 0;border-bottom:1px solid var(--border)}.lp-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.lp-desktop-main{flex:1;min-width:0}}@media (max-width: 767px){.lp-desktop-header{display:none!important}}.lp-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}@media (min-width: 768px) and (max-width: 1023px){.lp-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.lp-medium-tab{padding:8px 12px;border-radius:8px;font-size:13px;cursor:pointer;white-space:nowrap;border:none;background:var(--surface-2);color:var(--text);font-family:inherit}.lp-medium-tab--active{background:var(--primary);color:#000;font-weight:600}.lp-sidebar-link{text-align:left;padding:10px 12px;border-radius:10px;border:none;background:transparent;color:var(--text-dim);font-size:14px;cursor:pointer;font-family:inherit}.lp-sidebar-link:hover{color:var(--text);background:var(--surface-2)}.lp-sidebar-link--active{background:var(--surface-2);color:var(--primary);font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--card-radius);padding:var(--card-padding);margin-bottom:var(--card-margin-bottom)}.card-highlight{border-color:var(--primary)}.input-group{margin-bottom:16px}.input-group label{display:block;font-size:13px;color:var(--text-dim);margin-bottom:6px}.input-group input,.input-group select{width:100%;padding:14px 16px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:16px;outline:none}.input-group input:focus,.input-group select:focus{border-color:var(--primary)}.input-amount{font-size:32px!important;font-weight:700;text-align:center}.input-amount-label{text-align:center;font-size:14px;color:var(--text-dim);margin-top:4px}.btn{width:100%;padding:16px;border:none;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;transition:all .15s}.btn-primary{background:var(--primary);color:#000}.btn-primary:hover{background:var(--primary-dim)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-danger{background:var(--danger);color:#fff}.badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600}.badge-success{background:#00d4aa22;color:var(--success)}.badge-warning{background:#fa02;color:var(--warning)}.badge-danger{background:#f442;color:var(--danger)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.status-dot.open{background:var(--primary)}.status-dot.claimed{background:var(--warning)}.status-dot.completed{background:var(--success)}.status-dot.disputed{background:var(--danger)}.logo{font-size:24px;font-weight:800;letter-spacing:-1px}.logo span{color:var(--primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .2s ease}.text-center{text-align:center}.text-dim{color:var(--text-dim)}.text-sm{font-size:13px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.gap-2{gap:8px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-1{flex:1}