:root{--brand-1: #4099ff;--brand-2: #82bcff;--ink: #111827;--ink-soft: #374151;--muted: #6b7280;--border: #e8ebf0;--bg: #f1f4f9;--radius: 14px;--shadow-card: 0 1px 2px rgba(17, 24, 39, .04), 0 2px 16px rgba(17, 24, 39, .05)}*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.page-header h2{margin:0;font-size:21px;font-weight:700;color:var(--ink);letter-spacing:-.01em}.page-header__actions{display:flex;gap:10px;flex-wrap:wrap}.card{background:#fff;border-radius:var(--radius);padding:24px;margin-bottom:20px;box-shadow:var(--shadow-card);border:1px solid rgba(17,24,39,.04)}.card h3{margin:0 0 18px;font-size:14px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px}.badge{display:inline-flex;align-items:center;padding:4px 11px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.01em;background:#f1f4f9;color:var(--ink-soft)}.badge--export{background:#eff6ff;color:#2563eb}.badge--status{background:#fef3c7;color:#92400e}.badge--approved{background:#dcfce7;color:#15803d}.badge--rejected{background:#fee2e2;color:#b91c1c}.data-table{width:100%;border-collapse:collapse}.data-table thead th{text-align:left;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:11px 14px;border-bottom:1.5px solid var(--border);white-space:nowrap}.data-table tbody td{padding:13px 14px;font-size:13.5px;color:var(--ink);border-bottom:1px solid #f1f3f6}.data-table tbody tr{transition:background .12s ease}.data-table tbody tr:hover{background:#f8fafc}.data-table tbody tr:last-child td{border-bottom:none}.data-table .num{text-align:right;font-variant-numeric:tabular-nums}.data-table input,.data-table select{width:100%;padding:7px 9px;font-size:13px}.table-wrap{overflow-x:auto;margin:-4px -4px 4px;padding:4px}.field-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}@media(max-width:1100px){.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.field-grid{grid-template-columns:minmax(0,1fr)}}label.field em,.field-grid>div em,.data-table th em{color:#ef4444;font-style:normal}label.field,.field-grid>div{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:var(--ink-soft);min-width:0}label.field.span-2,.field-grid>div.span-2{grid-column:span 2}label.field span,.field-grid>div span{color:var(--muted);font-weight:600}label.field strong,.field-grid>div strong{color:var(--ink);font-size:14px;font-weight:600}input,select,textarea{width:100%;min-width:0;padding:9px 12px;border:1.5px solid var(--border);border-radius:9px;font-size:13.5px;font-family:inherit;color:var(--ink);background:#fff;transition:border-color .15s ease,box-shadow .15s ease}input:hover,select:hover,textarea:hover{border-color:#cbd5e1}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-1);box-shadow:0 0 0 3.5px #4099ff24}input:disabled,select:disabled,textarea:disabled{background:#f8fafc;color:var(--muted);cursor:not-allowed}select{cursor:pointer}.field-error{color:#ef4444;font-size:11px;font-weight:500}.banner{margin-bottom:18px;padding:13px 16px;border-radius:11px;font-size:13px;font-weight:500}.banner--error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.banner--success{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;border:none;text-decoration:none;transition:transform .1s ease,box-shadow .15s ease,background .15s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:default;transform:none}.btn--primary{background:linear-gradient(135deg,#2f6fe0 0%,var(--brand-1) 100%);color:#fff;box-shadow:0 2px 10px #2f6fe066}.btn--primary:hover{background:linear-gradient(135deg,#2a63c9,#3689ec);box-shadow:0 5px 18px #2f6fe073}.btn--ghost{background:#f1f4f9;color:var(--ink-soft)}.btn--ghost:hover{background:#e8ebf0}.btn--success{background:#22c55e;color:#fff;box-shadow:0 2px 10px #22c55e4d}.btn--danger{background:#ef4444;color:#fff;box-shadow:0 2px 10px #ef44444d}.icon-btn{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:#ef4444;cursor:pointer;padding:5px;border-radius:7px;transition:background .15s ease}.icon-btn:hover{background:#fef2f2}.totals{display:flex;justify-content:flex-end;gap:28px;padding-top:16px;margin-top:4px;border-top:1px dashed var(--border)}.totals div{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:12px;color:var(--muted);font-weight:600}.totals strong{font-size:16px;color:var(--ink);font-weight:700}.totals__grand strong{color:var(--brand-1)}@media print{app-shell .sidebar,app-shell .topbar,.so-view__actions,.po-view__actions,.indent-view__actions,.invoice-view__actions{display:none!important}app-shell .content{padding:0!important}}