:root{--so-bg: #f5f6f8;--so-surface: #ffffff;--so-border: #e2e5ea;--so-text: #1f2733;--so-muted: #6b7480;--so-primary: #2563eb;--so-primary-dark: #1d4ed8;--so-success: #16a34a;--so-danger: #dc2626;--so-radius: 8px}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--so-bg);color:var(--so-text);line-height:1.5}a{color:var(--so-primary)}.so-container{max-width:880px;margin:0 auto;padding:24px 16px 64px}.so-card{background:var(--so-surface);border:1px solid var(--so-border);border-radius:var(--so-radius);padding:24px;margin-bottom:16px}.so-muted{color:var(--so-muted)}.so-row{display:flex;flex-wrap:wrap;gap:8px 24px}.so-row>div{min-width:160px}.so-label{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--so-muted);margin-bottom:2px}.so-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;background:#eef2ff;color:var(--so-primary-dark)}table.so-items{width:100%;border-collapse:collapse;margin-top:8px}table.so-items th,table.so-items td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--so-border);font-size:14px}table.so-items th{color:var(--so-muted);font-weight:600;font-size:12px;text-transform:uppercase}table.so-items td.num,table.so-items th.num{text-align:right;white-space:nowrap}.so-totals{margin-top:16px;margin-left:auto;width:280px}.so-totals .line{display:flex;justify-content:space-between;padding:4px 0;font-size:14px}.so-totals .line.total{border-top:2px solid var(--so-border);margin-top:6px;padding-top:8px;font-weight:700;font-size:16px}.so-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}button.so-btn{font:inherit;cursor:pointer;border:1px solid var(--so-border);background:var(--so-surface);color:var(--so-text);padding:10px 18px;border-radius:var(--so-radius);font-weight:600}button.so-btn:disabled{opacity:.5;cursor:not-allowed}button.so-btn.primary{background:var(--so-primary);border-color:var(--so-primary);color:#fff}button.so-btn.primary:hover:not(:disabled){background:var(--so-primary-dark)}button.so-btn.success{background:var(--so-success);border-color:var(--so-success);color:#fff}button.so-btn.danger{background:var(--so-danger);border-color:var(--so-danger);color:#fff}textarea.so-input{width:100%;font:inherit;padding:10px;border:1px solid var(--so-border);border-radius:var(--so-radius);resize:vertical;min-height:96px}.so-header{background:var(--so-surface);border-bottom:1px solid var(--so-border);padding:16px}.so-header-inner{max-width:880px;margin:0 auto;display:flex;align-items:center;gap:12px}.so-header img.logo{height:36px;width:auto}.so-header .brand{font-weight:700;font-size:18px}.so-state-card{text-align:center;padding:48px 24px}.so-state-card h1{margin:0 0 8px}.so-error{color:var(--so-danger);font-weight:600}.so-loading{color:var(--so-muted);padding:24px;text-align:center}