*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-ui);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text);background:var(--color-bg);min-height:100dvh}#root{flex-direction:column;min-height:100dvh;display:flex}.page-header{background:var(--color-header-bar);border-bottom:1px solid var(--color-border);padding:var(--space-md) var(--space-xxxl);justify-content:space-between;align-items:center;gap:var(--space-md);z-index:var(--z-overlay);display:flex;position:sticky;top:0}.page-header__title{font-family:var(--font-family-mono);font-size:var(--font-size-title);font-weight:var(--font-weight-bold);color:var(--color-primary);letter-spacing:.04em;text-transform:uppercase}.page-header__nav{align-items:center;gap:var(--space-md);display:flex}.main-content{width:100%;max-width:1200px;padding:var(--space-xxxl);flex:1;margin:0 auto}.btn{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-large);border-radius:var(--radius-xxl);font-family:var(--font-family-ui);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;white-space:nowrap;border:none;transition:background-color .2s,color .2s;display:inline-flex}.btn-primary{background:var(--color-primary);color:var(--color-primary-dark)}.btn-primary:hover{background:var(--color-primary-dark);color:var(--color-primary)}.btn-ghost{color:var(--color-text-muted);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover{background:var(--color-hover);color:var(--color-text)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover{background:#a0392b}.btn-sm{padding:var(--space-sm) var(--space-xl);font-size:var(--font-size-sm)}.btn:disabled{opacity:.4;cursor:not-allowed}@media (width>=701px){.btn{padding:12px 36px}.btn-sm{padding:7px 18px}}.capsule{padding:2px var(--space-md);border-radius:var(--radius-xxl);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;align-items:center;display:inline-flex}.capsule-grey{color:var(--color-text-muted);background:#ffffff14}.capsule-green{background:var(--color-primary-bg);color:var(--color-primary)}.capsule-red{background:var(--color-active-bg);color:var(--color-active)}.capsule-amber{background:var(--color-amber-bg);color:var(--color-amber)}.capsule-teal{background:var(--color-teal-bg);color:var(--color-teal)}.card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-xl) var(--space-xxl)}.filter-bar{gap:var(--space-md);margin-bottom:var(--space-xxl);flex-wrap:wrap;display:flex}.chip{padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-xxl);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-sm);font-family:var(--font-family-ui);cursor:pointer;background:0 0;transition:all .15s}.chip:hover{border-color:var(--color-border-strong);color:var(--color-text)}.chip.active{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.items-table{border-collapse:collapse;width:100%;font-size:var(--font-size-base)}.items-table th{text-align:left;font-weight:var(--font-weight-bold);color:var(--color-text-muted);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--color-border-strong)}.items-table td{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.items-table tr:hover td{background:var(--color-hover)}.items-table tr{cursor:pointer}.mono{font-family:var(--font-family-mono)}.item-cards{gap:var(--space-md);flex-direction:column;display:none}.modal-overlay{background:var(--shadow-modal);z-index:var(--z-modal);padding:var(--space-xxxl);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-large);width:100%;max-width:480px;position:relative}.modal-close{top:var(--space-lg);right:var(--space-lg);cursor:pointer;width:28px;height:28px;color:var(--color-text-muted);border-radius:var(--radius-full);background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;transition:color .15s;display:flex;position:absolute}.modal-close:hover{color:var(--color-text)}.drawer-overlay{background:var(--shadow-modal);z-index:var(--z-modal);justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--color-surface);border-left:1px solid var(--color-border);width:480px;max-width:100vw;height:100%;padding:var(--space-large);gap:var(--space-xxl);flex-direction:column;display:flex;overflow-y:auto}.field{gap:var(--space-sm);flex-direction:column;display:flex}.field label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.06em}input[type=text],input[type=number],textarea{background:var(--color-input-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-family-ui);font-size:var(--font-size-base);padding:var(--space-md) var(--space-xl);outline:none;width:100%;transition:border-color .15s}input[type=text]:focus,input[type=number]:focus,textarea:focus{border-color:var(--color-primary)}textarea{resize:vertical;min-height:80px}.pref-toggle{gap:var(--space-md);display:flex}.pref-btn{padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-family:var(--font-family-ui);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;background:0 0;flex:1;transition:all .15s}.pref-btn.active-keep{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.pref-btn.active-pass{background:var(--color-active-bg);border-color:var(--color-active);color:var(--color-active)}.pref-btn:hover:not(.active-keep):not(.active-pass){border-color:var(--color-border-strong);color:var(--color-text)}.offer-list{gap:var(--space-sm);flex-direction:column;display:flex}.offer-row{padding:var(--space-md) var(--space-xl);background:var(--color-surface-mid);border-radius:var(--radius-sm);font-size:var(--font-size-sm);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.offer-row .mono{color:var(--color-primary)}.summary-net{font-family:var(--font-family-mono);font-size:var(--font-size-xxl);color:var(--color-primary);margin-bottom:var(--space-xxxl)}.section-heading{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-md)}.identity-pill{align-items:center;gap:var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-muted);display:flex}.identity-pill strong{color:var(--color-text)}.identity-pill button{color:var(--color-primary);font-size:var(--font-size-sm);cursor:pointer;font-family:var(--font-family-ui);background:0 0;border:none;padding:0;text-decoration:underline}@media (width<=700px){.main-content,.page-header{padding:var(--space-md)}.items-table-wrap{display:none}.item-cards{display:flex}.drawer{width:100vw}.modal{margin:var(--space-md)}}.drag-handle-col,.row-num-col{width:28px;padding:0!important}.row-num{text-align:center;width:28px;font-size:var(--font-size-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;opacity:.45;-webkit-user-select:none;user-select:none}.drag-handle{text-align:center;width:28px;color:var(--color-text-muted);opacity:0;cursor:grab;-webkit-user-select:none;user-select:none;font-size:16px;transition:opacity .15s}.items-table tr:hover .drag-handle{opacity:.5}.drag-handle:hover{opacity:1!important}.drag-handle:active{cursor:grabbing}.items-table tr.row-dragging td{opacity:.35}.items-table tr.row-drag-over td{box-shadow:inset 0 2px 0 var(--color-primary)}.items-table tr.resolved-divider{cursor:default}.items-table tr.resolved-divider td{padding:var(--space-sm) var(--space-xl);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);border-top:2px solid var(--color-border-light);background:0 0;border-bottom:none}.items-table tr.resolved-divider:hover td{background:0 0}.empty-state{text-align:center;color:var(--color-text-muted);padding:60px var(--space-xxxl);font-size:var(--font-size-md)}.error-bar{background:var(--color-error-bg);border:1px solid var(--color-error);color:#ff6b6b;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-bottom:var(--space-md)}