:root{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18202a;background:#f6f8fb;font-synthesis:none;--accent: #245de8;--surface: #ffffff;--subtle: #edf1f6;--line: #dce3ec;--muted: #667487;--danger: #b42318;--radius: 14px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100dvh}.topbar{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;border-bottom:1px solid var(--line);background:#ffffffdb;backdrop-filter:blur(20px);position:sticky;top:0;z-index:2}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand img{width:36px;height:36px;border-radius:10px;object-fit:cover}.access{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.layout{display:grid;grid-template-columns:216px minmax(0,1fr);max-width:1440px;margin:0 auto}.nav{padding:24px 16px;border-right:1px solid var(--line);min-height:calc(100dvh - 64px)}.nav button{width:100%;border:0;background:transparent;color:var(--muted);text-align:left;padding:10px 12px;border-radius:10px;margin-bottom:4px}.nav button:hover{background:var(--subtle);color:#18202a}.nav button.active{background:#e9efff;color:#1747bd;font-weight:650}main{padding:40px;min-width:0}.heading{margin-bottom:24px}.heading h1{font-size:clamp(28px,3vw,38px);letter-spacing:-.035em;line-height:1;margin:0 0 8px}.heading p{color:var(--muted);margin:0;max-width:64ch;line-height:1.55}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.metric svg{color:var(--accent)}.metric span{color:var(--muted);font-size:13px}.metric strong{grid-column:1 / -1;font-size:30px;font-weight:620;letter-spacing:-.03em}.notice{display:flex;gap:12px;align-items:flex-start;margin-top:20px;padding:18px;border-radius:var(--radius);background:#eaf0ff;color:#153d9f}.notice p{margin:4px 0 0}.toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:16px}.toolbar label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:650}select,input,textarea{min-height:42px;padding:9px 12px;border:1px solid #cbd5e1;border-radius:10px;color:inherit;background:var(--surface)}select:focus,input:focus,textarea:focus,button:focus-visible{outline:3px solid rgb(36 93 232 / .24);outline-offset:2px}.primary,.secondary,.text-button{min-height:42px;border-radius:10px;padding:9px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.primary{border:1px solid var(--accent);background:var(--accent);color:#fff}.secondary{border:1px solid var(--line);background:var(--surface);color:inherit}.text-button{border:0;background:transparent;color:var(--accent);padding-inline:0}.danger-text{color:var(--danger)}.danger-button{min-height:42px;border:1px solid #9f2017;border-radius:10px;padding:9px 14px;background:var(--danger);color:#fff}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.5}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}table{width:100%;border-collapse:collapse;min-width:760px}th{color:var(--muted);font-size:11px;letter-spacing:.04em;text-transform:uppercase;text-align:left;background:#f9fafc}th,td{padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:top}tr:last-child td{border-bottom:0}td{font-size:14px}td small{display:block;color:var(--muted);margin-top:5px}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.status{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:7px;background:var(--subtle);font-size:12px;font-weight:650}.status-completed,.status-applied,.status-active,.status-open{color:#087044;background:#e5f7ef}.status-failed,.status-rejected,.status-revoked{color:var(--danger);background:#fff0ee}.status-reconciling,.status-received,.status-billingretry{color:#875900;background:#fff6d9}.message-cell{max-width:48ch;white-space:pre-wrap}.compensation{display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:100%;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.compensation input:first-child{flex:1 1 260px}.compensation input:nth-child(2){width:120px}.compensation input:nth-child(3){flex:2 1 260px}.success{color:#087044;font-size:13px}.inline-error{color:var(--danger);font-size:13px;margin:8px 0}.error-panel{display:flex;align-items:flex-start;gap:12px;padding:18px;border:1px solid #f2b8b2;border-radius:var(--radius);background:#fff5f4;color:var(--danger)}.error-panel div{flex:1}.error-panel p{margin:4px 0 0}.empty{padding:48px 20px;color:var(--muted);text-align:center}.loading i,.table-skeleton i{display:block;border-radius:10px;background:#e7ecf2;animation:pulse 1.4s ease-in-out infinite alternate}.loading i{min-height:120px}.table-skeleton{display:grid;gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius)}.table-skeleton i{height:52px;border-radius:0}.muted{color:var(--muted)}.confirm-dialog{width:min(calc(100% - 40px),440px);padding:24px;border:1px solid var(--line);border-radius:18px;color:inherit;background:var(--surface);box-shadow:0 24px 80px #0000003d}.confirm-dialog::backdrop{background:#090f186b;backdrop-filter:blur(8px)}.confirm-dialog h2{margin:0 0 10px;font-size:22px;letter-spacing:-.02em}.confirm-dialog p{margin:0;color:var(--muted);line-height:1.55}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.effect-lookup{display:flex;align-items:flex-end;gap:10px;margin-bottom:20px}.effect-lookup label,.effect-reason,.director-box label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:650}.effect-lookup label{flex:1;max-width:620px}.effect-recent{display:grid;gap:8px;margin:-6px 0 22px}.effect-recent>span{color:var(--muted);font-size:12px;font-weight:650}.effect-recent>div{display:flex;gap:8px;overflow-x:auto;padding:1px 1px 7px;scrollbar-width:thin}.effect-recent button{display:grid;flex:0 0 min(230px,72vw);gap:3px;min-height:58px;padding:10px 12px;border:1px solid var(--line);border-radius:13px;color:inherit;background:var(--surface);text-align:left}.effect-recent button:hover{border-color:#a9b9d5}.effect-recent button.active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}.effect-recent button strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.effect-recent button small{color:var(--muted);font-size:11px}.effect-lab-grid{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(420px,1.22fr);gap:28px;align-items:start}.effect-preview-column{position:sticky;top:88px}.effect-preview-shell{display:grid;justify-items:center;gap:12px}.effect-stage{position:relative;width:min(100%,440px);aspect-ratio:5 / 7;border-radius:26px;overflow:visible;background:radial-gradient(circle at 52% 42%,#fff 0,#e9eef6 58%,#dbe3ee);box-shadow:0 24px 70px #19253629}.effect-stage .card-canvas{width:100%;height:100%;touch-action:none;cursor:grab}.effect-stage .card-canvas:active{cursor:grabbing}.effect-stage canvas,.effect-stage>img,.effect-stage .card-canvas{display:block;width:100%;height:100%;border-radius:24px}.effect-stage>img{object-fit:contain}.effect-stage .motion-permission{position:absolute;inset:auto 14px 14px;min-height:38px;border:1px solid rgb(255 255 255 / .74);border-radius:12px;background:#ffffffc2;backdrop-filter:blur(16px)}.effect-loading{position:absolute;inset:0;display:grid;place-items:center;padding:24px;color:var(--muted);text-align:center}.effect-health{margin-top:18px;padding:15px 16px;border:1px solid #b9dfca;border-radius:var(--radius);background:#effaf4;color:#17603d}.effect-health.has-warnings{border-color:#ead491;background:#fff9e8;color:#735310}.effect-health p,.effect-health ul{margin:7px 0 0;font-size:13px;line-height:1.5}.effect-health ul{padding-left:19px}.effect-controls{display:grid;gap:18px}.effect-card-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:14px}.effect-card-heading span{color:var(--muted);font-size:12px;font-weight:650}.effect-card-heading h2{margin:3px 0 0;font-size:25px;letter-spacing:-.025em}.effect-controls fieldset{display:grid;gap:16px;margin:0;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.effect-controls legend{padding:0 7px;color:var(--muted);font-size:12px;font-weight:650}.range-control{display:grid;gap:8px}.range-control span{display:flex;justify-content:space-between;gap:12px;font-size:13px}.range-control output{color:var(--muted);font-variant-numeric:tabular-nums}.range-control input{width:100%;min-height:24px;padding:0;accent-color:var(--accent)}.effect-reason input{width:100%}.effect-publish-row{display:flex;flex-wrap:wrap;gap:10px}.director-box{display:grid;gap:12px;padding:18px;border:1px solid #cbd8f7;border-radius:var(--radius);background:#f2f6ff}.director-box textarea{width:100%;min-height:100px;resize:vertical;line-height:1.5}.director-box button{justify-self:start}.effect-history{display:grid;gap:1px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--line)}.effect-history h3{margin:0;padding:14px 16px;background:var(--surface);font-size:14px}.effect-history-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:var(--surface)}.effect-history-row strong{font-size:13px}.effect-history-row small{display:block;margin-top:3px;color:var(--muted)}@keyframes pulse{to{opacity:.48}}@media(prefers-color-scheme:dark){:root{color:#edf2f8;background:#10141a;--surface: #191f28;--subtle: #242c37;--line: #34404f;--muted: #a8b4c4;--accent: #7ca7ff}.topbar{background:#10141ae0}.nav button:hover{color:#edf2f8}.nav button.active{background:#20345e;color:#b9d0ff}.notice{background:#1c3058;color:#c6d8ff}th{background:#151a22}select,input,textarea{border-color:#455365}.effect-stage{background:radial-gradient(circle at 52% 42%,#283241 0,#151b24 64%,#10141a)}.effect-health{border-color:#285a43;background:#18372a;color:#9ce1bd}.effect-health.has-warnings{border-color:#665728;background:#3d351d;color:#f2d989}.director-box{border-color:#30466f;background:#192743}.status-completed,.status-applied,.status-active,.status-open{color:#8fe0bd;background:#173b2d}.status-failed,.status-rejected,.status-revoked{color:#ffb4aa;background:#4a2524}.status-reconciling,.status-received,.status-billingretry{color:#f4d985;background:#463b20}.error-panel{border-color:#74413d;background:#3c2322;color:#ffb4aa}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:820px){.topbar{padding-inline:16px}.access{display:none}.layout{display:block}.nav{display:flex;overflow-x:auto;min-height:0;border-right:0;border-bottom:1px solid var(--line);padding:10px 12px}.nav button{width:auto;white-space:nowrap;margin:0 4px 0 0}main{padding:28px 16px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.effect-lab-grid{grid-template-columns:1fr}.effect-preview-column{position:static}}@media(max-width:520px){.metric-grid{grid-template-columns:1fr}.effect-lookup{align-items:stretch;flex-direction:column}.effect-publish-row>*{width:100%}}