:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f6f3;color:#17201b;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:#14231d;color:#f8fbf6;padding:18px 14px;display:flex;flex-direction:column;gap:18px}.brand{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;padding:0 4px 12px;border-bottom:1px solid rgba(255,255,255,.13)}.brand-mark{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;background:#e7b15f;color:#14231d;font-weight:800}.brand strong,.brand span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand strong{font-size:15px}.brand span{font-size:12px;color:#b8c5bc}.nav-list{display:flex;flex-direction:column;gap:4px}.nav-item{border:0;border-radius:7px;color:#dce7df;background:transparent;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:10px;min-height:38px;padding:8px 10px;text-align:left}.nav-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item:hover{background:#ffffff14}.nav-item.active{background:#f0f4ec;color:#14231d}.main{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr)}.topbar{min-height:64px;border-bottom:1px solid #d9ded7;background:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 18px}.context-fields{min-width:0;display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px}.session-chip{min-width:190px;max-width:300px;min-height:38px;border:1px solid #d9ded7;border-radius:8px;background:#f7f9f6;display:grid;grid-template-columns:20px minmax(0,1fr) 30px;align-items:center;gap:8px;padding:4px 4px 4px 10px}.session-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700}.context-field,.settings-grid label,.form-grid label,.form-control{display:flex;flex-direction:column;gap:5px}.context-field span,.settings-grid label span,.form-grid label span,.form-control>span{font-size:11px;font-weight:700;color:#66736b}input,select,textarea{width:100%;min-height:36px;border:1px solid #c9d1ca;border-radius:7px;background:#fff;color:#17201b;padding:7px 9px;outline:none}select:disabled,input:read-only{background:#f4f6f3;color:#66736b}.context-summary strong{min-height:36px;border:1px solid #d9ded7;border-radius:7px;background:#f4f6f3;color:#4f5b53;display:flex;align-items:center;padding:7px 9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}textarea{min-height:92px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#2f7a6a;box-shadow:0 0 0 3px #2f7a6a1f}.view{min-width:0;padding:18px;display:flex;flex-direction:column;gap:14px}.top-error{padding:12px 18px 0}.view-header{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px}.view-header>div{min-width:0;display:flex;align-items:center;gap:9px}h1{margin:0;font-size:22px;line-height:1.1}.icon-button,.ghost,.primary{border:1px solid #c9d1ca;background:#fff;color:#17201b;border-radius:7px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 10px}.icon-button{width:36px;padding:0}.icon-button.small{width:30px;min-height:30px}.icon-button.danger{color:#a73535}.primary{background:#21695c;color:#fff;border-color:#21695c;font-weight:700}.primary:disabled,.ghost:disabled{cursor:default;opacity:.65}.ghost{background:#eef2ed}.banner{border-radius:7px;padding:10px 12px;font-size:13px;border:1px solid;overflow-wrap:anywhere}.banner.success{background:#e8f5ee;border-color:#b7dfc7;color:#1d5f3d}.banner.error{background:#fff0ee;border-color:#e9b9b3;color:#8a3028}.metric-grid{display:grid;grid-template-columns:repeat(9,minmax(100px,1fr));gap:10px}.metric{background:#fff;border:1px solid #d9ded7;border-radius:8px;padding:12px;min-height:78px;display:flex;flex-direction:column;justify-content:space-between}.metric span{font-size:12px;color:#66736b}.metric strong{font-size:20px}.ops-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px}.period-card{border:1px solid #d9ded7;border-radius:8px;background:#fff;min-height:88px;padding:12px;color:#17201b;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left}.period-card:hover,.period-card.active{border-color:#2f7a6a;box-shadow:0 0 0 3px #2f7a6a1a}.period-card span,.period-card small{color:#66736b;font-size:12px}.period-card strong{font-size:24px;line-height:1}.band{background:#fff;border:1px solid #d9ded7;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:12px}.band-title{display:flex;align-items:center;gap:8px}.pill{border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700;background:#efe8d4;color:#7b5d20}.pill.ready{background:#ddf1e7;color:#1f6849}.check-grid{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:8px}.check{min-height:38px;border-radius:7px;background:#f4f1e9;color:#735b2a;display:flex;align-items:center;gap:8px;padding:8px 10px}.check.ok{background:#e8f5ee;color:#1f6849}.split{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:14px;align-items:start}.workbench{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,460px);gap:14px;align-items:start}.table-shell,.editor,.settings-grid,.detail-panel{background:#fff;border:1px solid #d9ded7;border-radius:8px;min-width:0}.table-shell{overflow:hidden}.table-title,.table-tools,.editor-title{min-height:46px;border-bottom:1px solid #e5e9e3;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px}.table-title{justify-content:flex-start}.table-title .ghost{margin-left:auto}.search{min-width:180px;max-width:360px;flex:1;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:6px;border:1px solid #c9d1ca;border-radius:7px;padding-left:8px}.search input{min-height:34px;border:0;box-shadow:none}.compact-select{width:auto;min-width:150px;min-height:36px}table{width:100%;border-collapse:collapse;table-layout:fixed}th,td{border-bottom:1px solid #edf0eb;text-align:left;padding:10px 12px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}th{color:#66736b;font-size:11px;text-transform:uppercase;background:#fafbf9}tbody tr{cursor:pointer}tbody tr:hover,tbody tr.selected{background:#eef6f3}.action-col{width:118px}.row-actions{width:118px;display:flex;align-items:center;gap:5px}.empty-cell{color:#7a857d;text-align:center;height:78px}.editor{position:sticky;top:14px}.detail-panel{position:sticky;top:14px;overflow:hidden}.detail-header{min-height:66px;border-bottom:1px solid #e5e9e3;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.detail-header div{min-width:0}.detail-header span,.detail-section h2,.mini-metrics span{color:#66736b;font-size:11px;font-weight:800;text-transform:uppercase}.detail-header strong{display:block;margin-top:4px;font-size:18px;overflow-wrap:anywhere}.status-grid{padding:12px;display:flex;flex-wrap:wrap;gap:7px;border-bottom:1px solid #e5e9e3}.status-badge{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:800;background:#eef2ed;color:#516158}.status-badge.paid,.status-badge.fulfilled,.status-badge.completed,.status-badge.marketing{background:#ddf1e7;color:#1f6849}.status-badge.pending,.status-badge.authorized,.status-badge.partial,.status-badge.partially-refunded{background:#efe8d4;color:#7b5d20}.status-badge.failed,.status-badge.cancelled,.status-badge.refunded,.status-badge.no-marketing{background:#f7dfdc;color:#8a3028}.detail-section{padding:12px;border-bottom:1px solid #e5e9e3}.detail-section h2{margin:0 0 10px}.contact-lines{display:flex;flex-direction:column;gap:7px;font-size:13px}.contact-lines span{display:inline-flex;align-items:center;gap:7px;min-width:0;overflow-wrap:anywhere}.line-list{display:flex;flex-direction:column;gap:8px}.line-list.compact{gap:6px}.line-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;border:1px solid #edf0eb;border-radius:7px;padding:9px;font-size:13px}.line-row>div{min-width:0}.line-row strong,.line-row span{overflow-wrap:anywhere}.line-row div span{display:block;margin-top:3px;color:#66736b;font-size:12px}.totals-list{display:flex;flex-direction:column;gap:6px}.summary-line{display:flex;justify-content:space-between;gap:10px;font-size:13px}.summary-line span{color:#66736b}.summary-line.strong{border-top:1px solid #e5e9e3;padding-top:8px;font-size:15px}.detail-actions{padding:12px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.danger-text{color:#a73535}.empty-detail{min-height:260px;padding:24px;display:grid;place-items:center;align-content:center;gap:10px;color:#66736b;text-align:center}.mini-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;border-bottom:1px solid #e5e9e3}.mini-metrics div{border:1px solid #edf0eb;border-radius:7px;padding:9px;min-height:64px}.mini-metrics strong{display:block;margin-top:6px;font-size:15px;overflow-wrap:anywhere}.muted{margin:0;color:#66736b;font-size:13px}.form-grid,.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:8px}.choice{min-height:36px;border:1px solid #d9ded7;border-radius:7px;background:#fff;display:grid!important;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;padding:8px}.choice.active{border-color:#2f7a6a;background:#eef6f3}.choice input{width:16px;min-height:16px;padding:0;border-radius:4px}.choice span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#17201b;font-size:13px;font-weight:600}.form-grid.wide{max-width:920px;background:#fff;border:1px solid #d9ded7;border-radius:8px}.span-2,.settings-grid label{grid-column:1 / -1}.form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:8px;padding:12px;border-top:1px solid #e5e9e3}.spin{animation:spin .8s linear infinite}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:18px;background:#f5f6f3}.auth-panel{width:min(100%,520px);background:#fff;border:1px solid #d9ded7;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:14px;box-shadow:0 18px 40px #14231d1f}.auth-brand{border-bottom:1px solid #e5e9e3;padding:0 0 14px}.auth-heading{display:flex;align-items:center;gap:9px}.auth-actions{display:flex;flex-wrap:wrap;gap:8px}.auth-settings{border:0;padding:0}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1180px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.topbar{grid-template-columns:1fr}.context-fields{grid-template-columns:repeat(2,minmax(150px,1fr))}.session-chip{max-width:none}.split,.workbench{grid-template-columns:1fr}.editor,.detail-panel{position:static}.metric-grid,.ops-grid{grid-template-columns:repeat(3,minmax(120px,1fr))}.check-grid{grid-template-columns:repeat(3,minmax(110px,1fr))}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;padding:12px}.nav-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.topbar,.context-fields,.form-grid,.settings-grid,.metric-grid,.ops-grid,.mini-metrics,.check-grid,.choice-grid{grid-template-columns:1fr}.table-tools{align-items:stretch;flex-direction:column}.search,.compact-select{max-width:none;width:100%}.line-row{grid-template-columns:1fr}.view{padding:12px}}
