:root{--primary:#3b82f6;--primary-dark:#2563eb;--success:#10b981;--success-dark:#059669;--danger:#ef4444;--background:#f3f4f6;--card:#fff;--text:#1f2937;--text-muted:#6b7280;--border:#e5e7eb}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.container{max-width:100%;margin:0 auto;padding:16px}@media (width>=640px){.container{max-width:480px}}.card{background:var(--card);border-radius:12px;margin-bottom:16px;padding:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card-title{align-items:center;gap:8px;margin-bottom:16px;font-size:18px;font-weight:600;display:flex}.detail-row{border-bottom:1px solid var(--border);justify-content:space-between;margin-bottom:12px;padding-bottom:12px;display:flex}.detail-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-label{color:var(--text-muted);font-size:14px}.detail-value{text-align:right;font-weight:500}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-size:16px;font-weight:600;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.7;cursor:not-allowed}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark)}.btn-success{background-color:var(--success);color:#fff}.btn-success:hover:not(:disabled){background-color:var(--success-dark)}.btn-outline{border:1px solid var(--border);color:var(--text);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--background)}.header{background:var(--card);text-align:center;border-bottom:1px solid var(--border);z-index:10;margin-bottom:16px;padding:16px;position:sticky;top:0;box-shadow:0 1px 3px #0000001a}.header h1{font-size:18px;font-weight:700}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.spinner{border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.badge{border-radius:9999px;align-items:center;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.badge-blue{color:#1e40af;background-color:#dbeafe}.badge-green{color:#065f46;background-color:#d1fae5}.action-buttons{gap:12px;margin-top:16px;display:flex}.action-buttons .btn{flex:1}.error-container{text-align:center;color:#991b1b;background-color:#fef2f2;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.error-container h2{margin-bottom:8px;font-size:20px}