:root{--bg: #1a1a18;--surface: #242422;--surface2: #2c2c2a;--text: #e8e8e4;--text2: #a0a098;--text3: #6e6e68;--border: rgba(255, 255, 255, .1);--border2: rgba(255, 255, 255, .15);--radius: 8px;--rlg: 12px;--lime-moss: #8abc40;--mint: #9ee37d;--cinnabar: #d4513b;--amber-glow: #ff9d00;--sand-bone: #d6ccc2;--sand-almond-silk: #d5bdaf}.opex-app{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);line-height:1.5}.opex-app *,.opex-app *:before,.opex-app *:after{box-sizing:border-box}.opex-app input,.opex-app select,.opex-app button{font-family:inherit}.opex-app input[type=number]::-webkit-outer-spin-button,.opex-app input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.opex-app .tnum{font-variant-numeric:tabular-nums}.opex-app .hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.opex-app .hd h1{font-size:20px;font-weight:500}.opex-app .hd .sub{font-size:12px;color:var(--text2);margin-top:2px}.opex-app .thead{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.opex-app .thead .period{margin-bottom:0}.opex-app .tbody{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:center}.opex-app .tbody-img img{display:block;width:100%;height:auto;border-radius:var(--rlg)}@media(max-width:760px){.opex-app .tbody{grid-template-columns:minmax(0,1fr)}.opex-app .tbody-img img{max-width:320px}}.opex-app .seg{display:inline-flex;border:.5px solid var(--border2);border-radius:var(--radius);overflow:hidden}.opex-app .seg button{padding:6px 14px;font-size:12px;font-weight:500;background:none;border:none;color:var(--text2);cursor:pointer}.opex-app .seg button.on{background:var(--surface2);color:var(--text)}.opex-app .period{display:flex;align-items:center;gap:12px;margin-bottom:16px}.opex-app .period button{width:28px;height:28px;border-radius:var(--radius);border:.5px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font-size:14px}.opex-app .period .label{font-size:15px;font-weight:500;min-width:110px;text-align:center}.opex-app .tile{background:var(--surface);border:.5px solid var(--border);border-radius:var(--rlg);padding:24px;margin-bottom:16px}.opex-app .tile .cap{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--text2)}.opex-app .hero{font-size:52px;font-weight:500;color:var(--mint);line-height:1.1;margin:4px 0 8px}.opex-app .tile .row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.opex-app .sel,.opex-app .in{padding:7px 10px;font-size:13px;background:var(--surface2);color:var(--text);border:.5px solid var(--border);border-radius:var(--radius);outline:none}.opex-app .in{width:130px}.opex-app .ledger{background:var(--surface);border:.5px solid var(--border);border-radius:var(--rlg);overflow:hidden;margin-bottom:16px}.opex-app .ledger h2{font-size:13px;font-weight:500;padding:14px 16px;border-bottom:.5px solid var(--border)}.opex-app table{width:100%;border-collapse:collapse;font-size:13px}.opex-app th{text-align:left;padding:8px 16px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--text2);border-bottom:.5px solid var(--border)}.opex-app td{padding:8px 16px;border-bottom:.5px solid var(--border)}.opex-app td.num{text-align:right}.opex-app .pill{display:inline-block;font-size:11px;padding:1px 7px;border-radius:4px;background:var(--surface2);color:var(--text2)}.opex-app .pill.cogs{color:var(--sand-almond-silk)}.opex-app .empty{padding:20px 16px;color:var(--amber-glow);font-size:13px}.opex-app .link{background:none;border:none;color:var(--text3);cursor:pointer;font-size:11px;text-decoration:underline}.opex-app .form{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;padding:12px 16px;border-top:.5px solid var(--border);background:var(--surface)}.opex-app .form label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text3);margin-bottom:4px}.opex-app .btn{padding:8px 16px;font-size:13px;font-weight:500;border-radius:var(--radius);border:none;background:var(--lime-moss);color:#1a1a18;cursor:pointer}
