:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17202a;background:#f3f5f8;font-synthesis:none;--navy:#18324b;--navy-2:#244b6c;--line:#dce3ea;--muted:#66788a;--surface:#fff;--soft:#f7f9fb;--accent:#176b53;--danger:#a83a3a;--warning:#966515;--shadow:0 18px 50px rgba(22,39,57,.14)}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:320px;background:#f3f5f8;color:#17202a}button,input,select{font: inherit; font-size: var(--text-body)}button{cursor:pointer}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:var(--navy);color:#fff;padding:22px 16px;display:flex;flex-direction:column;gap:28px}.brand{display:flex;align-items:center;gap:12px;padding:0 8px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#fff;color:var(--navy);font-weight:900}.brand strong,.brand small{display:block}.brand small{color:#bdd0df;margin-top:2px}.nav-stack{display:grid;gap:6px}.nav-item{border:0;background:transparent;color:#d8e5ef;padding:11px 12px;border-radius:9px;display:flex;justify-content:space-between;align-items:center;text-align:left}.nav-item:hover,.nav-item.is-active{background:rgba(255,255,255,.12);color:#fff}.nav-item b{font-size:var(--text-secondary);background:rgba(255,255,255,.13);padding:2px 7px;border-radius:999px}.local-note{margin-top:auto;border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:12px;display:grid;gap:4px;font-size:var(--text-body)}.local-note span{color:#bed0de;line-height:1.4}.main-content{min-width:0;padding:28px 30px 50px}.topbar,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.topbar h1,.section-heading h2{margin:3px 0 0;font-size:28px;letter-spacing:-.02em}.eyebrow{margin:0;color:var(--muted);font-size:var(--text-secondary);text-transform:uppercase;letter-spacing:.09em;font-weight:750}.top-actions{display:flex;gap:10px}.button{border:1px solid transparent;border-radius:9px;padding:9px 14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px}.button.primary{background:var(--navy);color:#fff}.button.primary:hover{background:var(--navy-2)}.button.secondary{background:#fff;border-color:var(--line);color:#25394b}.button.secondary:hover{background:#f8fafb}.button.danger{background:#fff;border-color:#e2bcbc;color:var(--danger)}.button.danger:hover{background:#fff3f3}.button:disabled{opacity:.55;cursor:wait}.icon-button{border:0;background:transparent;font-size:25px;line-height:1;color:#617385;padding:4px 8px}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin:24px 0}.summary-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:15px 17px;display:grid;gap:3px}.summary-card span,.summary-card small{color:var(--muted);font-size:var(--text-secondary)}.summary-card strong{font-size:26px}.status-banner{margin:18px 0 0;background:#fff7dc;border:1px solid #e7d18b;color:#5d4912;border-radius:10px;padding:11px 14px;display:flex;align-items:center;justify-content:space-between}.status-banner[hidden]{display:none}.status-banner button{border:0;background:transparent;font-size:20px}.view-panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.view-panel[hidden]{display:none}.toolbar{display:flex;gap:10px;align-items:end;padding:14px;border-bottom:1px solid var(--line);flex-wrap:wrap}.search-field{flex:1 1 300px}.search-field input,.field input,.field select,.select-field select{width:100%;border:1px solid #cfd9e2;background:#fff;border-radius:8px;padding:9px 10px;outline:none}.search-field input:focus,.field input:focus,.field select:focus,.select-field select:focus{border-color:#6386a5;box-shadow:0 0 0 3px rgba(47,103,151,.12)}.select-field{display:grid;gap:5px;font-size:var(--text-body);color:var(--muted);min-width:145px}.segmented{display:flex;border:1px solid var(--line);border-radius:9px;padding:3px;background:var(--soft)}.segmented button{border:0;background:transparent;padding:7px 10px;border-radius:6px;color:#526678;font-size:var(--text-body)}.segmented button.is-active{background:#fff;color:#1b3246;box-shadow:0 1px 4px rgba(24,50,75,.12);font-weight:700}.filter-count{display:inline-grid;place-items:center;min-width:20px;margin-left:3px;padding:1px 5px;border-radius:999px;background:#e4eaf0;color:#40566a;font-size:var(--text-secondary);font-weight:750}.segmented button.is-active .filter-count{background:#dce8f1;color:#18324b}.table-wrap{overflow:auto}.pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 14px;border-top:1px solid var(--line);background:#fbfcfd;color:var(--muted);font-size:var(--text-body)}.pagination-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.page-size{display:flex;align-items:center;gap:6px}.page-size select{border:1px solid #cfd9e2;background:#fff;border-radius:7px;padding:7px 8px}.pagination .button{padding:7px 10px}.pagination .button:disabled{cursor:not-allowed}#pagination-position{min-width:92px;text-align:center;color:#40566a;font-weight:650}.items-table{width:100%;border-collapse:collapse;min-width:1050px}.items-table th{font-size:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;color:#6b7c8d;background:#f8fafc;text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1}.items-table td{padding:12px 14px;border-bottom:1px solid #edf1f4;vertical-align:middle}.items-table tbody tr:hover{background:#fafcfd}.items-table tbody tr:last-child td{border-bottom:0}.item-title{font-weight:760;max-width:340px}.item-identity{display:flex;align-items:center;gap:10px;min-width:280px}.item-copy{min-width:0}.item-thumbnail{width:48px;height:48px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#fff;flex:0 0 auto}.subtle{color:var(--muted);font-size:var(--text-secondary);margin-top:3px}.price{font-weight:760}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:var(--text-secondary);font-weight:750;white-space:nowrap}.badge.success{background:#e6f5ee;color:#196747}.badge.warning{background:#fff3d7;color:#815a12}.badge.danger{background:#fdeaea;color:#8f2b2b}.badge.info{background:#e8f1fa;color:#245c8a}.badge.neutral{background:#edf1f4;color:#586b7d}.row-actions{display:flex;gap:6px;justify-content:flex-end}.row-actions button,.row-actions a{border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px 8px;font-size:var(--text-body)}.actions-column{text-align:right}.empty-state{padding:50px;text-align:center;display:grid;gap:6px;color:var(--muted)}.empty-state strong{color:#263b4d}.list-panel{display:grid}.alert-card{padding:16px 18px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.alert-card:last-child{border-bottom:0}.alert-card h3{font-size:var(--text-body);margin:0 0 5px}.alert-card p{margin:0;color:var(--muted);font-size:var(--text-body)}.alert-actions{display:flex;align-items:center;gap:8px}.modal{border:0;border-radius:15px;padding:0;width:min(650px,calc(100vw - 30px));box-shadow:var(--shadow)}.modal::backdrop{background:rgba(15,29,42,.48)}.modal form{padding:22px}.modal-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.modal-header h2{margin:3px 0 0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid.compact{margin-top:18px}.field{display:grid;gap:6px;font-size:var(--text-secondary);font-weight:650;color:#53687a}.field.full,.form-actions.full{grid-column:1/-1}.check-field{display:flex;align-items:center;gap:9px;font-size:var(--text-body);color:#3a4f61}.check-field input{width:17px;height:17px}.modal-actions,.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.drawer{position:fixed;top:0;right:0;width:min(620px,100vw);height:100vh;background:#fff;z-index:20;box-shadow:-20px 0 50px rgba(16,34,50,.18);transform:translateX(105%);transition:transform .2s ease;display:flex;flex-direction:column}.drawer.is-open{transform:translateX(0)}.drawer-backdrop{position:fixed;inset:0;background:rgba(15,29,42,.35);z-index:19}.drawer-header{padding:20px 22px 12px;display:flex;justify-content:space-between;align-items:start}.drawer-header h2{margin:3px 0 0}.drawer-actions{padding:0 22px 14px;display:flex;gap:8px}.drawer-tabs{display:flex;gap:4px;padding:0 22px;border-bottom:1px solid var(--line)}.drawer-tabs button{border:0;background:transparent;padding:11px 12px;color:var(--muted);border-bottom:2px solid transparent}.drawer-tabs button.is-active{color:var(--navy);border-bottom-color:var(--navy);font-weight:750}.drawer-content{padding:20px 22px;overflow:auto}.drawer-product-image{display:block;width:100%;max-height:260px;object-fit:contain;border:1px solid var(--line);border-radius:12px;margin-bottom:16px;background:#fff}.detail-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detail-card{border:1px solid var(--line);border-radius:10px;padding:12px;display:grid;gap:4px}.detail-card span{font-size:var(--text-secondary);color:var(--muted)}.detail-card strong{font-size:var(--text-body)}.timeline{display:grid;gap:10px}.timeline-item{border:1px solid var(--line);border-radius:10px;padding:12px;display:grid;grid-template-columns:1fr auto;gap:8px}.timeline-item h3{font-size:var(--text-body);margin:0}.timeline-item p{font-size:var(--text-secondary);color:var(--muted);margin:4px 0 0}.toast{position:fixed;right:22px;bottom:22px;background:#172f45;color:#fff;padding:12px 15px;border-radius:9px;box-shadow:var(--shadow);z-index:50;max-width:360px}.toast.error{background:#8b3030}@media(max-width:1100px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding:18px 10px}.brand div,.nav-item span,.local-note{display:none}.brand{padding:0;justify-content:center}.nav-item{justify-content:center}.main-content{padding:22px 18px}.summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.app-shell{display:block}.sidebar{position:static;height:auto;display:flex;flex-direction:row;align-items:center;padding:10px 12px}.brand{margin-right:auto}.brand div{display:block}.nav-stack{display:flex}.nav-item span{display:none}.main-content{padding:18px 12px}.topbar{align-items:flex-start}.top-actions{flex-direction:column}.summary-grid{grid-template-columns:repeat(2,1fr)}.toolbar{align-items:stretch}.segmented{overflow:auto}.select-field{flex:1}.form-grid{grid-template-columns:1fr}.field.full,.form-actions.full{grid-column:auto}.detail-summary{grid-template-columns:1fr}.drawer-actions{flex-wrap:wrap}}@media(max-width:430px){.summary-grid{grid-template-columns:1fr 1fr}.summary-card{padding:12px}.topbar h1{font-size:24px}.button{padding:8px 10px}.nav-stack{gap:2px}}
.status-banner[data-tone=success]{background:#edf8f3;border-color:#abd8c6;color:#195f48}
.status-banner[data-tone=info]{background:#edf5fb;border-color:#b8d3e8;color:#245c7d}
.status-banner[data-tone=danger]{background:#fff0f0;border-color:#e2bcbc;color:#8f2b2b}
.image-recovery-status{display:grid;gap:4px;margin-bottom:16px;padding:12px 14px;border:1px solid #cfdfe9;border-radius:10px;background:#f2f7fa;color:#29495f}.image-recovery-status strong{font-size:var(--text-body)}.image-recovery-status span{font-size:var(--text-secondary);line-height:1.45;color:#607789}.image-recovery-status[data-tone=unavailable]{border-color:#e3d6be;background:#fbf7ef;color:#71561f}.image-recovery-status[data-tone=unavailable] span{color:#7d6b48}.image-recovery-status[data-tone=scheduled]{border-color:#cbddeb;background:#f1f7fb}