:root{--primary: #10b981;--bg-page: #f2f9f6;--text-main: #1a2e26}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-page);color:var(--text-main)}*{box-sizing:border-box}button{font-family:inherit;cursor:pointer}a{text-decoration:none;color:inherit}.distribution-page{min-height:100vh;padding:24px;background:#eef2f6;color:#1f2933;box-sizing:border-box}.distribution-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.distribution-page .page-header h1{margin:0;font-size:28px;line-height:1.2;font-weight:900;letter-spacing:0}.distribution-page .page-header p{margin:8px 0 0;color:#64748b;font-size:14px;line-height:1.5}.distribution-page .ghost-btn,.distribution-page .primary-btn{height:40px;padding:0 16px;border:0;border-radius:6px;font-weight:800;cursor:pointer;white-space:nowrap}.distribution-page .ghost-btn{background:#eef2f7;color:#475569}.distribution-page .primary-btn{background:#111827;color:#fff}.distribution-page .filter-panel{display:flex;align-items:end;gap:12px;padding:12px;margin-bottom:16px;background:#fff;border:1px solid #d8dee7;border-radius:6px}.distribution-page .field{display:grid;gap:6px}.distribution-page .field label{font-size:12px;color:#64748b;font-weight:800}.distribution-page .field select{height:40px;min-width:180px;border:1px solid #dbe2ea;border-radius:6px;padding:0 10px;outline:none;background:#fff}.distribution-page .table-panel,.distribution-page .config-panel{background:#fff;border:1px solid #cfd6e2;border-radius:6px;overflow:hidden;box-shadow:0 8px 18px #0f172a0d}.distribution-page .config-panel{max-width:920px}.distribution-page .config-row{display:grid;grid-template-columns:1fr 220px;align-items:center;gap:24px;padding:18px 20px;border-bottom:1px solid #dbe2ea}.distribution-page .config-row:last-child{border-bottom:0}.distribution-page .config-row strong{display:block;font-size:15px;font-weight:900;color:#0f172a}.distribution-page .config-row span{display:block;margin-top:6px;color:#64748b;font-size:13px}.distribution-page .number-input{display:flex;align-items:center;height:40px;border:1px solid #cfd6e2;border-radius:6px;overflow:hidden;background:#fff}.distribution-page .number-input input{flex:1;min-width:0;height:100%;border:0;padding:0 12px;outline:none;font-size:15px;font-weight:800}.distribution-page .number-input em{width:48px;height:100%;display:inline-flex;align-items:center;justify-content:center;border-left:1px solid #dbe2ea;background:#f8fafc;color:#64748b;font-style:normal;font-weight:800}.distribution-page .table-scroll{width:100%;overflow:auto}.distribution-page .data-table{width:100%;min-width:980px;border-collapse:separate;border-spacing:0;table-layout:fixed}.distribution-page .data-table th{height:38px;padding:0 10px;background:#eef3f8;color:#475569;border-right:1px solid #cfd6e2;border-bottom:1px solid #c1cad8;text-align:left;font-size:12px;line-height:1.4;font-weight:900;white-space:nowrap}.distribution-page .data-table td{height:44px;padding:0 10px;border-right:1px solid #dbe2ea;border-bottom:1px solid #dbe2ea;font-size:14px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.distribution-page .data-table tbody tr:nth-child(2n) td{background:#fbfdff}.distribution-page .data-table tbody tr:hover td{background:#f1f7ff}.distribution-page .strong-cell{font-weight:900;color:#0f172a}.distribution-page .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#334155}.distribution-page .amount{color:#0f766e;font-weight:900}.distribution-page .time{color:#64748b}.distribution-page .text-right{text-align:right}.distribution-page .code-pill,.distribution-page .status-pill{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.distribution-page .code-pill{border-radius:4px;background:#f1f5f9;color:#334155;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.distribution-page .status-pill.pending{color:#b45309;background:#fef3c7}.distribution-page .status-pill.available,.distribution-page .status-pill.approved{color:#047857;background:#d1fae5}.distribution-page .status-pill.withdrawn{color:#475569;background:#f1f5f9}.distribution-page .status-pill.cancelled,.distribution-page .status-pill.rejected{color:#e11d48;background:#fff1f2}.distribution-page .link-btn{border:0;background:transparent;color:#2563eb;font-weight:800;cursor:pointer}.distribution-page .error-state{margin-top:16px;padding:14px 16px;color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;font-weight:800}.distribution-page .table-panel .error-state{margin-top:0;border-width:1px 0 0;border-radius:0}.distribution-page .loading-state,.distribution-page .empty-state{padding:48px;text-align:center;color:#94a3b8}@media (max-width: 760px){.distribution-page .page-header,.distribution-page .config-row{display:block}.distribution-page .primary-btn,.distribution-page .ghost-btn{margin-top:14px}.distribution-page .number-input{margin-top:12px}}