@media (min-width: 640px){.nav-tagline[data-astro-cid-37fxchfa]{display:inline!important}nav[data-astro-cid-37fxchfa]{padding:12px 16px}nav[data-astro-cid-37fxchfa] a[data-astro-cid-37fxchfa][href="/my"]{padding:8px 14px;font-size:12px}nav[data-astro-cid-37fxchfa] a[data-astro-cid-37fxchfa][href="/create"]{padding:8px 14px;font-size:12px}}:root{--bg-page: #050A14;--bg-surface: rgba(10,22,40,.7);--bg-subtle: rgba(10,22,40,.5);--bg-hover: rgba(0,180,255,.08);--text-primary: #E8F4FF;--text-body: #A0B8D0;--text-muted: #5A7A9A;--text-disabled: #3A5A7A;--accent: #00BFFF;--accent-dark: #0080FF;--accent-light: rgba(0,191,255,.15);--success: #00E5A0;--warning: #FFB020;--error: #FF4060;--info: #00BFFF;--border: rgba(0,180,255,.12);--border-strong: rgba(0,180,255,.2);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.2);--shadow-md: 0 4px 12px rgba(0,0,0,.3);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-page);color:var(--text-body);line-height:1.5;-webkit-font-smoothing:antialiased}.container{max-width:640px;margin:0 auto;padding:var(--space-md)}@media (min-width: 768px){.container{padding:var(--space-lg)}}h1,h2,h3{color:var(--text-primary);line-height:1.2}h1{font-size:28px;font-weight:700;letter-spacing:-.02em}h2{font-size:22px;font-weight:600}h3{font-size:18px;font-weight:600}p{margin-bottom:var(--space-md)}a{color:var(--accent);text-decoration:none}a:hover{color:#40d0ff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);height:48px;padding:0 var(--space-lg);border:none;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;text-decoration:none}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#00bfff,#0080ff);color:#fff}.btn-primary:hover{box-shadow:0 0 20px #00bfff4d}.btn-secondary{background:#00b4ff14;color:#80c8ff;border:1px solid rgba(0,180,255,.2)}.btn-secondary:hover{border-color:#00b4ff66;background:#00b4ff1f}.btn-success{background:var(--success);color:#050a14}.btn-success:hover{background:#00ffb0}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#ff6080}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{color:var(--text-body)}.btn-full{width:100%}.btn-sm{height:36px;padding:0 var(--space-md);font-size:13px}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg)}.card-border{border:1px solid var(--border)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:500;border:1px solid}.badge-created{background:#64789626;color:#8aabc0;border-color:#64789633}.badge-paid{background:#ffb0201a;color:#ffb020;border-color:#ffb02033}.badge-payment_verified,.badge-delivered{background:#00bfff1a;color:#00bfff;border-color:#00bfff33}.badge-reviewed{background:#00bfff26;color:#40d0ff;border-color:#00bfff40}.badge-completed{background:#00e5a01a;color:#00e5a0;border-color:#00e5a033}.badge-disputed{background:#ff40601a;color:#ff4060;border-color:#ff406033}.badge-refunded{background:#a078ff1a;color:#a080ff;border-color:#a078ff33}.badge-cancelled{background:#6478961a;color:#6a8aa0;border-color:#64789626}.form-group{margin-bottom:var(--space-md)}.form-label{display:block;font-size:12px;font-weight:600;letter-spacing:.03em;color:#b0c8e0;margin-bottom:var(--space-sm)}.form-input{width:100%;height:48px;padding:0 var(--space-md);border:1px solid rgba(0,180,255,.15);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:15px;color:#e8f4ff;background:#0a1628cc;transition:all .15s ease}.form-input:focus{outline:none;border-color:#00bfff;box-shadow:0 0 0 3px #00bfff26,0 0 16px #00bfff1a}.form-input::placeholder{color:#3a5a7a}.form-hint{font-size:12px;color:var(--text-muted);margin-top:var(--space-xs)}.form-error{font-size:12px;color:var(--error);margin-top:var(--space-xs)}textarea.form-input{height:auto;min-height:100px;padding:var(--space-md);resize:vertical}select.form-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='%235A7A9A' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.progress{display:flex;align-items:center;gap:0;padding:var(--space-md) 0}.progress-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);flex:1;position:relative}.progress-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;background:#00b4ff14;color:var(--text-muted);border:1px solid var(--border)}.progress-circle.active{background:linear-gradient(135deg,#00bfff,#0080ff);color:#fff;border-color:transparent;box-shadow:0 0 12px #00bfff4d}.progress-circle.done{background:var(--success);color:#050a14;border-color:transparent}.progress-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.progress-line{flex:1;height:2px;background:var(--border);margin:0 -4px 20px}.progress-line.done{background:var(--success)}.chat-container{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.chat-messages{padding:var(--space-md);max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-sm)}.chat-bubble{max-width:80%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:14px}.chat-bubble.seller{align-self:flex-end;background:#00b4ff1a;border:1px solid rgba(0,180,255,.15);border-bottom-right-radius:4px}.chat-bubble.buyer{align-self:flex-start;background:#00e5a014;border:1px solid rgba(0,229,160,.12);border-bottom-left-radius:4px}.chat-bubble.system{align-self:center;background:transparent;font-size:12px;color:var(--text-muted);border-top:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:0;padding:var(--space-sm) var(--space-lg);width:100%;text-align:center}.chat-time{font-size:11px;color:var(--text-muted);margin-top:2px}.chat-input{display:flex;border-top:1px solid var(--border)}.chat-input input{flex:1;height:48px;border:none;padding:0 var(--space-md);font-size:14px;background:#0a1628cc;color:#e8f4ff}.chat-input input:focus{outline:none}.chat-input input::placeholder{color:#3a5a7a}.chat-input button{width:60px;border:none;background:linear-gradient(135deg,#00bfff,#0080ff);color:#fff;cursor:pointer;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.stat-card{background:var(--bg-surface);border-radius:var(--radius-sm);padding:var(--space-md);text-align:center;border:1px solid var(--border)}.stat-value{font-size:24px;font-weight:700;color:var(--text-primary);font-family:var(--font-mono)}.stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.upload-area{border:2px dashed rgba(0,180,255,.2);border-radius:var(--radius-md);padding:var(--space-xl);text-align:center;cursor:pointer;transition:all .15s ease;background:#0a162880}.upload-area:hover{border-color:#00bfff;background:#00bfff0d}.upload-icon{font-size:48px;margin-bottom:var(--space-sm)}.upload-text{font-size:14px;color:var(--text-muted)}.upload-hint{font-size:12px;color:var(--text-disabled);margin-top:var(--space-xs)}.tx-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);background:var(--bg-surface);cursor:pointer;transition:all .15s ease}.tx-item:hover{border-color:#00b4ff4d;box-shadow:0 0 12px #00bfff14}.tx-info h4{font-size:14px;font-weight:600;color:var(--text-primary)}.tx-info p{font-size:12px;color:var(--text-muted);margin:0}.tx-amount{font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.qris-container{text-align:center;padding:var(--space-lg);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface)}.qris-warning{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:#ff406014;border:1px solid rgba(255,64,96,.2);border-radius:var(--radius-sm);font-size:13px;color:#ff8090}.checklist{list-style:none}.checklist li{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--border);font-size:14px}.checklist li:last-child{border-bottom:none}.check-icon{font-size:16px}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-small{font-size:13px}.text-mono{font-family:var(--font-mono)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.hidden{display:none}body{background:#050a14;color:#7a9cc6}:root{--bg-page: #050A14;--bg-surface: rgba(10,22,40,.7);--text-primary: #E8F4FF;--text-body: #7A9CC6;--text-muted: #4A6A8A;--accent: #00BFFF;--accent-dark: #0080FF;--accent-light: rgba(0,191,255,.1);--success: #00E5A0;--warning: #FFB020;--error: #FF4060;--border: rgba(0,180,255,.1)}