.archive-page {padding:20px;max-width:1440px;width:100%;margin:0 auto;overflow-y:auto;min-height:0;flex:1;font:inherit}
.archive-tabs {display:flex;gap:8px;margin-bottom:20px}
.archive-tabs .active {background:rgba(255,255,255,.1);color:rgba(255,255,255,.9);border-color:rgba(255,255,255,.15)}
.archive-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.archive-product-photo {display:block;width:100%;border:0;padding:0;cursor:pointer;text-align:left}
.archive-product-actions {display:flex;gap:6px;margin-top:auto}
.archive-product-actions button {flex:1;min-width:0}
.archive-product svg {width:14px;height:14px;flex-shrink:0}
.archive-note {font:400 11px/1.6 Inter,system-ui,sans-serif;color:rgba(255,255,255,.35);margin:0}
.archive-account-table {border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:auto;background:#111}
.archive-account-table svg {width:14px;height:14px}
.archive-empty {padding:72px 20px;display:flex;gap:10px;justify-content:center;align-items:center;font-size:13px;color:rgba(255,255,255,.35)}
.archive-empty svg {width:16px;height:16px}
.archive-dialog {background:#161616;color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:0;width:min(680px,calc(100vw - 24px));max-height:85dvh;font:400 13px/1.5 Inter,system-ui,sans-serif}
.archive-dialog::backdrop {background:#000a}
.archive-dialog header {display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.07)}
.archive-dialog header h3 {font:600 15px/1.5 Inter,system-ui,sans-serif;margin:0;overflow-wrap:anywhere}
.archive-dialog header svg {width:16px;height:16px}
.archive-dialog-body {padding:20px;overflow-y:auto;max-height:calc(85dvh - 72px);display:flex;flex-direction:column;gap:14px}
.archive-dialog-body > * {flex-shrink:0}
.archive-dialog-body label {font-size:11px;color:rgba(255,255,255,.4)}
.archive-dialog-body .context-select-trigger {margin-top:6px}
.archive-chat-row {display:flex;flex-direction:column;gap:5px;padding:12px 14px;border:1px solid rgba(255,255,255,.07);border-radius:12px;text-align:left;width:100%;margin-bottom:8px;background:rgba(255,255,255,.02);font:inherit;transition:background .15s}
.archive-chat-row:hover {background:rgba(255,255,255,.05)}
.archive-chat-row strong {font-size:13px;font-weight:500;color:rgba(255,255,255,.8)}
.archive-chat-row span {font-size:11px;color:rgba(255,255,255,.35)}
.archive-messages {display:flex;flex-direction:column;gap:12px}
.archive-message {max-width:90%;padding:12px 14px;border:1px solid rgba(255,255,255,.05);border-radius:14px;background:rgba(255,255,255,.04);white-space:pre-wrap;overflow-wrap:anywhere;font:400 13px/1.6 Inter,system-ui,sans-serif}
.archive-message.is-own {align-self:flex-end;background:rgba(255,255,255,.08)}
.archive-message small {display:block;font-size:10px;color:rgba(255,255,255,.3);margin-bottom:6px}
.archive-translation {margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.07);font-size:12px;color:rgba(255,255,255,.45)}
.archive-translation span {font-size:10px;color:rgba(255,255,255,.25)}
.archive-translation p {margin:3px 0 0}
.archive-product-dialog {width:min(920px,calc(100vw - 24px))}
.archive-gallery {display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px}
.archive-gallery[hidden] {display:none}
.archive-gallery img {height:200px;max-width:90%;object-fit:contain;background:#111;border-radius:12px;scroll-snap-align:start}
.archive-description {font-size:13px;color:rgba(255,255,255,.6);white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto;margin:0}
.archive-detail-heading {display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:16px;font-weight:600}
.archive-total-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.archive-total-grid>div {padding:12px 14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);border-radius:12px}
.archive-total-grid span {display:block;font-size:11px;color:rgba(255,255,255,.35)}
.archive-total-grid strong {font-size:22px;font-weight:500;font-variant-numeric:tabular-nums}
.archive-section-title {margin:4px 0 0;font-size:13px;font-weight:600}
.archive-stat-scroll {overflow:auto;max-height:330px;border:1px solid rgba(255,255,255,.07);border-radius:12px}
.archive-stat-scroll .accounts-table {min-width:650px}
.archive-gap {display:block;font-size:10px;color:rgba(255,255,255,.3)}
@media(max-width:600px) {.archive-page{padding:12px}.archive-grid{grid-template-columns:1fr}.archive-dialog-body{padding:14px}.archive-total-grid{grid-template-columns:repeat(2,1fr)}.archive-gallery img{height:160px}.archive-account-table .accounts-table{min-width:650px}.archive-tabs{gap:6px}.archive-tabs button{font-size:11px}}