:root{--background:#f3f4f6;--surface:#fff;--surface-muted:#f8f9fb;--border:#d7dbe0;--border-strong:#c7cdd4;--text:#111827;--text-muted:#5b6470;--success-bg:#e8f5ec;--success-text:#166534;--warning-bg:#fdf2d8;--warning-text:#92400e;--danger-bg:#fde7e7;--danger-text:#b91c1c;--muted-bg:#eceff3;--muted-text:#475569}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--background);color:var(--text);margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body:has(.matrix-dashboard){color:#7dff96;background:#010301}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}h1,h2,h3,p{margin:0}.app-shell{max-width:1480px;margin:0 auto;padding:12px}.matrix-dashboard{isolation:isolate;color:#7dff96;background:#010301;min-height:100vh;font-family:Consolas,Monaco,Courier New,monospace;position:relative}.matrix-dashboard:before,.matrix-dashboard:after{content:"";pointer-events:none;position:fixed;inset:0}.matrix-dashboard:before{z-index:-2;opacity:.24;background-color:#010301;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='560' viewBox='0 0 220 560'%3E%3Crect width='220' height='560' fill='%23010301'/%3E%3Cg fill='%237dff96' font-family='Courier New, monospace' font-size='15' letter-spacing='4'%3E%3Ctext x='12' y='-118' writing-mode='vertical-rl' fill-opacity='0.95'%3E0100110101010011010011010101001101010011%3C/text%3E%3Ctext x='48' y='72' writing-mode='vertical-rl' fill-opacity='0.42'%3E1100101010101001110010101010100110010101%3C/text%3E%3Ctext x='94' y='-244' writing-mode='vertical-rl' fill-opacity='0.78'%3E0010110101001101001011010100110100101101%3C/text%3E%3Ctext x='148' y='32' writing-mode='vertical-rl' fill-opacity='0.58'%3E1010010110010101101001011001010110100101%3C/text%3E%3Ctext x='198' y='-46' writing-mode='vertical-rl' fill-opacity='0.85'%3E0101010100110110010101010011011001010101%3C/text%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='760' viewBox='0 0 300 760'%3E%3Crect width='300' height='760' fill='%23010301'/%3E%3Cg fill='%237dff96' font-family='Courier New, monospace' font-size='13' letter-spacing='5'%3E%3Ctext x='36' y='86' writing-mode='vertical-rl' fill-opacity='0.72'%3E1110010101010010111001010101001011100101%3C/text%3E%3Ctext x='126' y='-180' writing-mode='vertical-rl' fill-opacity='0.38'%3E0011010101010100001101010101010000110101%3C/text%3E%3Ctext x='242' y='18' writing-mode='vertical-rl' fill-opacity='0.64'%3E1010101001101010101010100110101010101010%3C/text%3E%3C/g%3E%3C/svg%3E");background-size:220px 560px,300px 760px;animation:4.4s linear infinite matrix-binary-rain}.matrix-dashboard:after{z-index:-1;background:radial-gradient(circle at top,#104a1c24,#0000 42%),linear-gradient(#01030138,#01030194)}.matrix-dashboard>*{z-index:1;position:relative}.matrix-dashboard .dashboard-topbar,.matrix-dashboard .overview-panel,.matrix-dashboard .dashboard-section,.matrix-dashboard .summary-card{background:#020402d6;border-color:#16321b}.matrix-dashboard .dashboard-kicker,.matrix-dashboard .dashboard-meta,.matrix-dashboard .overview-label,.matrix-dashboard .detail-label,.matrix-dashboard .detail-meta,.matrix-dashboard .detail-note,.matrix-dashboard .section-description,.matrix-dashboard .dashboard-copy,.matrix-dashboard .compact-entry p,.matrix-dashboard .route-main p{color:#53d769}.matrix-dashboard h1,.matrix-dashboard h2,.matrix-dashboard h3{color:#c9ffd1;letter-spacing:.02em;font-family:Consolas,Monaco,Courier New,monospace;font-weight:700}.matrix-dashboard .button{color:#7dff96;background:#071207;border-color:#21552c;font-family:Consolas,Monaco,Courier New,monospace}.matrix-dashboard .button:hover{background:#0a170a}.matrix-dashboard .button.primary{color:#c9ffd1;background:#0a170a;border-color:#2b7a38}.matrix-dashboard .button.primary:hover{background:#102010}.matrix-dashboard .button.secondary{background:#071207}.matrix-dashboard .status-flag{color:#53d769;background:#071207;border-color:#21492a;font-family:Consolas,Monaco,Courier New,monospace}.matrix-dashboard .status-flag.good{color:#7dff96;background:#071407;border-color:#21552c}.matrix-dashboard .status-flag.warning{color:#d5ff6b;background:#121707;border-color:#4f6b20}.matrix-dashboard .status-flag.danger{color:#ff7d7d;background:#160909;border-color:#5d2b2b}.matrix-dashboard .status-flag.muted{color:#53d769;background:#071207;border-color:#21492a}.matrix-dashboard .matrix-wrap,.matrix-dashboard .detail-table,.matrix-dashboard .log-matrix-wrap{background:#020402c2;border-color:#16321b}.matrix-dashboard .matrix-table{color:#7dff96;background:#02040266;font-family:Consolas,Monaco,Courier New,monospace}.matrix-dashboard .matrix-table th,.matrix-dashboard .matrix-table td,.matrix-dashboard .detail-row{border-color:#16321b}.matrix-dashboard .matrix-table thead th{color:#53d769;background:#061006eb}.matrix-dashboard .matrix-table tbody tr,.matrix-dashboard .matrix-table tbody tr:nth-child(2n){background:#02040247}.matrix-dashboard .matrix-table tbody tr:hover{background:#061006b8}.matrix-dashboard .detail-value,.matrix-dashboard .route-row code,.matrix-dashboard .simple-list-row{color:#c9ffd1}.matrix-dashboard .compact-entry,.matrix-dashboard .simple-list-row,.matrix-dashboard .inline-list span,.matrix-dashboard .route-row{background:#071207d1;border-color:#16321b}.matrix-dashboard .route-row code{background:#020402e0;border-color:#16321b;font-family:Consolas,Monaco,Courier New,monospace}.matrix-dashboard .summary-card{color:#7dff96}.matrix-dashboard .summary-card strong{color:#c9ffd1}.matrix-dashboard .summary-card p,.matrix-dashboard .summary-card-heading>span:first-child{color:#53d769}.matrix-dashboard .summary-card.good{border-top-color:#2b7a38}.matrix-dashboard .summary-card.warning{border-top-color:#708f2b}.matrix-dashboard .summary-card.danger{border-top-color:#914040}.matrix-dashboard .compact-steps{color:#7dff96}.matrix-dashboard .compact-steps li::marker{color:#53d769}.matrix-dashboard .critical-matrix-wrap::-webkit-scrollbar{width:10px;height:10px}.matrix-dashboard .log-matrix-wrap::-webkit-scrollbar{width:10px;height:10px}.matrix-dashboard .critical-matrix-wrap::-webkit-scrollbar-track{background:#020402}.matrix-dashboard .log-matrix-wrap::-webkit-scrollbar-track{background:#020402}.matrix-dashboard .critical-matrix-wrap::-webkit-scrollbar-thumb{background:#1d5d29;border:2px solid #020402}.matrix-dashboard .log-matrix-wrap::-webkit-scrollbar-thumb{background:#1d5d29;border:2px solid #020402}.dashboard-topbar,.overview-panel,.dashboard-section,.login-card{border:1px solid var(--border);background:var(--surface)}.dashboard-topbar{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;padding:12px;display:flex}.dashboard-kicker,.login-brand{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:700}h1{font-size:24px;line-height:1.2}h2{font-size:16px;line-height:1.3}h3{font-size:14px;line-height:1.35}.dashboard-copy,.login-copy,.section-description,.compact-entry p,.route-main p{color:var(--text-muted);font-size:12px;line-height:1.45}.dashboard-copy{max-width:900px}.topbar-main{min-width:0}.dashboard-meta-row{gap:4px;margin-top:6px;display:grid}.dashboard-meta{color:var(--text-muted);font-size:12px}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.topbar-actions form{margin:0}.button{border:1px solid var(--border-strong);background:var(--surface);min-height:32px;color:var(--text);cursor:pointer;border-radius:0;justify-content:center;align-items:center;padding:0 10px;font-size:12px;display:inline-flex}.button:hover{background:var(--surface-muted)}.button.primary{background:var(--text);border-color:var(--text);color:var(--surface)}.button.primary:hover{background:#1f2937}.button.secondary{background:var(--surface)}.overview-panel{padding:10px}.cockpit-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:10px;margin-bottom:10px;display:grid}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-bottom:10px;display:grid}.summary-card{border:1px solid var(--border);border-top:3px solid var(--border-strong);background:var(--surface);min-width:0;min-height:104px;padding:10px}.summary-card-heading{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.summary-card-heading>span:first-child{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.summary-card strong{overflow-wrap:anywhere;font-size:18px;line-height:1.2;display:block}.summary-card p{color:var(--text-muted);margin-top:6px;font-size:11px;line-height:1.4}.cockpit-panel{min-width:0}.cockpit-status-panel,.cockpit-log-panel{display:grid}.overview-label,.detail-label{color:var(--text-muted);font-size:12px;line-height:1.4}.detail-meta,.detail-note{color:var(--text-muted);margin-top:4px;font-size:11px;line-height:1.4}.status-flag{border:1px solid var(--border-strong);background:var(--muted-bg);color:var(--muted-text);white-space:nowrap;border-radius:0;justify-content:center;align-items:center;padding:2px 6px;font-size:11px;line-height:1.3;display:inline-flex}.status-flag.good{background:var(--success-bg);color:var(--success-text);border-color:#c7e5d0}.status-flag.warning{background:var(--warning-bg);color:var(--warning-text);border-color:#f1ddb1}.status-flag.danger{background:var(--danger-bg);color:var(--danger-text);border-color:#f3c8c8}.status-flag.muted{background:var(--muted-bg);border-color:var(--border);color:var(--muted-text)}.section-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.dashboard-section{padding:10px}.dashboard-matrices{margin-bottom:10px}.dashboard-disclosure>summary{cursor:pointer;list-style:none}.dashboard-disclosure>summary::-webkit-details-marker{display:none}.dashboard-disclosure>summary:after{content:"+";color:var(--text-muted);flex:none;font-size:18px;line-height:1}.dashboard-disclosure[open]>summary:after{content:"−"}.dashboard-disclosure>.section-header{margin-bottom:0}.dashboard-disclosure:not([open])>.section-header .section-description{display:none}.dashboard-disclosure[open]>.section-header{margin-bottom:8px}.disclosure-body{min-width:0}.dashboard-matrices .cockpit-grid{margin-bottom:0}.dashboard-section.wide{grid-column:1/-1}.dashboard-section.span-2{grid-column:span 2}.matrix-wrap{border:1px solid var(--border);background:var(--surface);min-width:0}.critical-matrix-wrap{overflow:auto}.log-matrix-wrap{overflow:visible}.matrix-table{border-collapse:collapse;table-layout:fixed;width:100%}.matrix-table th,.matrix-table td{border-right:1px solid var(--border);border-bottom:1px solid var(--border);vertical-align:top;text-align:left;word-break:break-word;padding:6px 8px;font-size:12px;line-height:1.4}.matrix-table th:last-child,.matrix-table td:last-child{border-right:0}.matrix-table thead th{z-index:1;color:var(--text-muted);letter-spacing:.03em;text-transform:uppercase;background:#f8f9fb;font-size:11px;font-weight:700;position:sticky;top:0}.matrix-table tbody tr:nth-child(2n){background:#fbfcfd}.matrix-status-cell{width:110px}.cockpit-log-panel{background:#020402db;border-color:#16321b}.cockpit-log-panel .section-header h2,.cockpit-log-panel .section-description{color:#b6f7bf}.cockpit-log-panel .section-description{opacity:.9}.cockpit-log-panel .log-matrix-wrap{background:#020402c7;border-color:#16321b}.cockpit-log-panel .matrix-table{color:#7dff96;background:#02040261;font-family:Consolas,Monaco,Courier New,monospace}.cockpit-log-panel .matrix-table th,.cockpit-log-panel .matrix-table td{border-bottom-color:#16321b;border-right-color:#16321b}.cockpit-log-panel .matrix-table thead th{color:#53d769;background:#061006eb}.cockpit-log-panel .matrix-table tbody tr,.cockpit-log-panel .matrix-table tbody tr:nth-child(2n){background:#02040247}.cockpit-log-panel .matrix-table tbody tr:hover{background:#061006b8}.cockpit-log-panel .matrix-table td{color:#7dff96}.cockpit-log-panel .matrix-table td:first-child{color:#4cc864}.cockpit-log-panel .matrix-table td:nth-child(2){color:#66e67b;text-transform:uppercase;letter-spacing:.03em}.cockpit-log-panel .matrix-table td:nth-child(4){color:#c9ffd1}.cockpit-log-panel .matrix-table td:nth-child(5){color:#58d16f}.cockpit-log-panel .status-flag{color:#7dff96;background:#071207;border-color:#21492a;justify-content:center;min-width:84px;font-family:Consolas,Monaco,Courier New,monospace}.cockpit-log-panel .status-flag.good{color:#7dff96;background:#071407;border-color:#21552c}.cockpit-log-panel .status-flag.warning{color:#d5ff6b;background:#121707;border-color:#4f6b20}.cockpit-log-panel .status-flag.danger{color:#ff7d7d;background:#160909;border-color:#5d2b2b}.cockpit-log-panel .status-flag.muted{color:#53d769;background:#071207;border-color:#21492a}.cockpit-log-panel .log-matrix-wrap::-webkit-scrollbar{width:10px;height:10px}.cockpit-log-panel .log-matrix-wrap::-webkit-scrollbar-track{background:#020402}.cockpit-log-panel .log-matrix-wrap::-webkit-scrollbar-thumb{background:#1d5d29;border:2px solid #020402}@keyframes matrix-binary-rain{0%{background-position:0 0,70px -180px}to{background-position:0 560px,70px 580px}}.detail-table{border-top:1px solid var(--border)}.order-reconciliation-row td{background:var(--surface-muted)}.order-reconciliation-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;padding:4px 0;display:grid}.order-reconciliation-form>strong,.order-reconciliation-form>span,.order-reconciliation-form>p{grid-column:1/-1}.order-reconciliation-form>span,.order-reconciliation-form>p{margin:0;font-size:12px;line-height:1.45}.order-reconciliation-form label{gap:5px;font-size:12px;display:grid}.order-reconciliation-form input{width:100%}.order-reconciliation-actions{align-items:center;gap:8px;display:flex}.detail-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:10px;padding:7px 0;display:grid}.detail-copy,.detail-result{min-width:0}.detail-result{text-align:right;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.detail-value{word-break:break-word;font-size:12px;font-weight:600;line-height:1.4}.compact-stack,.route-table,.simple-list{gap:6px;display:grid}.compact-entry,.simple-list-row{border:1px solid var(--border);background:var(--surface-muted);padding:8px}.compact-entry-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.subsection{margin-top:10px}.subsection h3{margin-bottom:6px}.inline-list{flex-wrap:wrap;gap:6px;display:flex}.inline-list span{border:1px solid var(--border);background:var(--surface-muted);padding:4px 8px;font-size:12px}.route-row{border:1px solid var(--border);background:var(--surface-muted);grid-template-columns:minmax(0,1fr) minmax(300px,.95fr);align-items:start;gap:10px;padding:8px;display:grid}.route-main{gap:4px;display:grid}.route-row code{border:1px solid var(--border);background:var(--surface);color:var(--text);word-break:break-word;padding:6px 8px;font-family:Consolas,Monaco,monospace;font-size:11px;line-height:1.5;display:block}.compact-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 20px;margin:0;padding-left:18px;font-size:12px;line-height:1.45;display:grid}.simple-list-row{font-size:12px;line-height:1.45}.login-shell{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-card{width:100%;max-width:380px;padding:20px}.login-form{gap:12px;margin-top:16px;display:grid}.field{gap:6px;display:grid}.field span{color:var(--text-muted);font-size:12px;font-weight:600}.input{border:1px solid var(--border-strong);background:var(--surface);width:100%;min-height:38px;color:var(--text);border-radius:0;padding:0 10px}.input:focus{outline-offset:0;outline:1px solid #94a3b8}.notice-banner{border:1px solid var(--border-strong);border-radius:0;margin-top:12px;padding:10px 12px;font-size:13px;line-height:1.4}.notice-banner.good{background:var(--success-bg);color:var(--success-text);border-color:#c7e5d0}.notice-banner.warning{background:var(--warning-bg);color:var(--warning-text);border-color:#f1ddb1}.notice-banner.danger{background:var(--danger-bg);color:var(--danger-text);border-color:#f3c8c8}.button:disabled{cursor:wait;opacity:.6}.refresh-controls{align-items:center;gap:8px;display:flex}.refresh-controls>span{max-width:180px;color:var(--text-muted);font-size:11px;line-height:1.3}.matrix-dashboard .refresh-controls>span{color:#53d769}.order-history{gap:10px;display:grid}.order-history-toolbar{grid-template-columns:minmax(220px,1fr) minmax(180px,240px) auto;align-items:end;gap:8px;display:grid}.history-field{gap:5px;display:grid}.history-field>span{color:var(--text-muted);letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:700}.history-field input,.history-field select{border:1px solid var(--border-strong);background:var(--surface);width:100%;min-height:34px;color:var(--text);border-radius:0;padding:6px 8px}.matrix-dashboard .history-field>span,.matrix-dashboard .history-cell-meta,.matrix-dashboard .order-history-summary,.matrix-dashboard .history-safety-note{color:#53d769}.matrix-dashboard .history-field input,.matrix-dashboard .history-field select{color:#c9ffd1;background:#071207;border-color:#21552c}.order-history-summary,.history-pagination{color:var(--text-muted);justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.order-history-table-wrap{overflow:auto}.order-history-table{min-width:980px}.order-history-table th:nth-child(2){width:190px}.order-history-table th:nth-child(3),.order-history-table th:nth-child(4){width:140px}.order-history-table th:nth-child(5){width:170px}.order-history-table th:nth-child(6){width:80px}.order-history-table th:nth-child(7){width:190px}.history-select-cell{width:42px;text-align:center!important}.history-cell-meta{color:var(--text-muted);margin-top:3px;font-size:11px;display:block}.matrix-dashboard .order-history-table-wrap,.matrix-dashboard .order-history-table,.matrix-dashboard .order-history-table thead th,.matrix-dashboard .order-history-table tbody tr{color:#7dff96;background:#020402d1;border-color:#16321b}.matrix-dashboard .order-history-table th,.matrix-dashboard .order-history-table td{border-color:#16321b}.history-state-message{border:1px solid var(--border);background:var(--surface-muted);color:var(--text-muted);gap:4px;padding:14px;display:grid}.history-state-message.danger{color:#ff9d9d;background:#160909;border-color:#5d2b2b}.history-safety-note{color:var(--text-muted);font-size:11px;line-height:1.5}.dashboard-loading{place-items:center;min-height:100vh;display:grid}.dashboard-loading .dashboard-section{width:min(680px,100%)}.loading-bars{gap:6px;margin-top:16px;display:grid}.loading-bars span{background:#16321b;height:4px;animation:1.2s ease-in-out infinite alternate dashboard-loading-pulse;display:block}.loading-bars span:nth-child(2){width:76%;animation-delay:.2s}.loading-bars span:nth-child(3){width:48%;animation-delay:.4s}@keyframes dashboard-loading-pulse{to{background:#53d769}}@media (max-width:1280px){.cockpit-grid{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-section.span-2,.dashboard-section.wide{grid-column:1/-1}}@media (max-width:900px){.dashboard-topbar,.section-header,.compact-entry-header,.detail-row,.route-row{flex-direction:column;grid-template-columns:1fr}.dashboard-topbar,.section-header,.compact-entry-header{display:flex}.topbar-actions{justify-content:flex-start;width:100%}.order-history-toolbar{grid-template-columns:1fr 1fr}.order-history-toolbar .button{grid-column:1/-1}.dashboard-grid,.compact-steps{grid-template-columns:1fr}.detail-result{text-align:left;align-items:flex-start}.dashboard-disclosure>.section-header{flex-direction:row;align-items:center}.dashboard-disclosure>.section-header>div{flex:auto;min-width:0}.matrix-table{min-width:760px}}@media (max-width:640px){.app-shell,.login-shell{padding:12px}.dashboard-topbar,.overview-panel,.dashboard-section,.login-card{padding:8px}.button,.topbar-actions form,.topbar-actions a,.refresh-controls,.refresh-controls .button{width:100%}.refresh-controls{flex-direction:column;align-items:stretch}.refresh-controls>span{max-width:none}.order-history-toolbar{grid-template-columns:1fr}.order-history-toolbar .button{grid-column:auto}.order-history-summary,.history-pagination{flex-direction:column;align-items:flex-start}}