*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Public Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:#faf9f5;color:#141413;-webkit-font-smoothing:antialiased}code,.mono{font-family:ui-monospace,Menlo,Cascadia Code,monospace;font-size:.9em}.section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--bs-text-muted, #B0AEA5);padding:14px 16px 8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border:1px solid #000;border-radius:4px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;text-decoration:none}.btn-primary{background:var(--bs-primary, #D97757);color:#fff}.btn-secondary{background:#fff;color:#141413}.btn-sm{padding:6px 10px;font-size:12px}.btn-full{width:100%}.bs-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:2px;font-size:11px;font-weight:700;line-height:1}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef3c7;color:#92400e}.badge-error{background:#fee2e2;color:#991b1b}.badge-info{background:#dfe3ea;color:#374151}.badge-neutral{background:#f3f4f6;color:#6b7280}.badge-primary{background:var(--bs-primary-light, #FEF0E7);color:var(--bs-primary, #D97757)}.plat-lynk{background:#fed7aa;color:#9a3412;padding:2px 7px;border-radius:2px;font-size:10px;font-weight:700}.plat-scalev{background:#dbeafe;color:#1e40af;padding:2px 7px;border-radius:2px;font-size:10px;font-weight:700}.plat-manual{background:#f3f4f6;color:#374151;padding:2px 7px;border-radius:2px;font-size:10px;font-weight:700}.status-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:2px;font-size:11px;font-weight:700}.status-chip .material-icons{font-size:13px!important}.status-sent{background:#dcfce7;color:#166534}.status-failed{background:#fee2e2;color:#991b1b}.status-pending,.status-unmatched{background:#fef3c7;color:#92400e}.order-avatar{width:36px;height:36px;border-radius:50%;background:var(--bs-primary-light, #FEF0E7);color:var(--bs-primary, #D97757);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.avatar{width:30px;height:30px;border-radius:50%;background:#141413;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.rd-chip{background:var(--bs-rd-bg, #FEF0E7);border:1px solid var(--bs-rd-border, #D97757);border-radius:2px;padding:4px 10px;font-size:11px;font-weight:700;color:var(--bs-rd-text, #D97757);display:inline-flex;align-items:center;gap:4px}.rd-chip .material-icons{font-size:14px}.card-item{background:#fff;border:1px solid #000;border-radius:4px;padding:12px 14px;margin:0 12px 8px;display:flex;flex-direction:column;gap:8px}.card-plain{background:#fff;border:1px solid #000;border-radius:4px;padding:12px 14px}.prod-card{background:#fff;border:1px solid #000;border-radius:4px;margin:0 12px 8px;overflow:hidden}.prod-head{padding:12px 14px;display:flex;align-items:center;gap:12px}.prod-ic{width:44px;height:44px;border-radius:4px;background:var(--bs-primary-light, #FEF0E7);color:var(--bs-primary, #D97757);display:flex;align-items:center;justify-content:center;flex-shrink:0}.prod-meta{flex:1;min-width:0}.prod-name{font-size:14px;font-weight:700;margin-bottom:2px}.prod-sub{font-size:11px;color:var(--bs-text-muted, #B0AEA5);font-family:ui-monospace,Menlo,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prod-foot{padding:8px 14px;border-top:1px solid #E5E7EB;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#faf9f5}.prod-plats{display:flex;gap:4px}.intg-card{background:#fff;border:1px solid #000;border-radius:4px;margin:0 12px 8px;padding:14px;display:flex;align-items:center;gap:12px}.intg-ic{width:44px;height:44px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:20px}.intg-info{flex:1;min-width:0}.intg-name{font-size:14px;font-weight:700;display:flex;align-items:center;gap:6px}.intg-desc{font-size:11px;color:var(--bs-text-muted, #B0AEA5);margin-top:2px;line-height:1.4}.intg-chev{color:var(--bs-text-muted, #B0AEA5)}.appbar{height:52px;padding:0 16px;background:#fff;border-bottom:1px solid #000;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:8px}.appbar-title{font-size:18px;font-weight:700}.appbar-title-sub{font-size:10px;color:var(--bs-text-muted, #B0AEA5)}.appbar-right{display:flex;align-items:center;gap:8px}.appbar-icon-btn{background:none;border:none;cursor:pointer;color:#141413;padding:6px;display:flex;align-items:center;justify-content:center}.searchbar-row{display:flex;gap:8px;padding:10px 16px;background:#fff;border-bottom:1px solid #E5E7EB;align-items:center}.searchbox{flex:1;position:relative}.searchbox:before{content:"🔍";position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;pointer-events:none}.searchbox input{width:100%;border:1px solid #000;border-radius:4px;padding:9px 12px 9px 36px;font-size:13px;font-family:inherit;background:#fff;outline:none}.searchbox input:focus{outline:2px solid var(--bs-primary, #D97757);outline-offset:-1px}.filterbtn{width:42px;height:42px;flex-shrink:0;background:#fff;border:1px solid #000;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#141413;cursor:pointer;position:relative}.filterbtn .material-icons{font-size:20px}.filterbtn-dot{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;background:var(--bs-primary, #D97757);border-radius:999px;font-size:9px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-end;z-index:100}.sheet{width:100%;background:#fff;border-top:1px solid #000;border-radius:16px 16px 0 0;box-shadow:0 -4px #000;max-height:85%;display:flex;flex-direction:column;overflow:hidden}.sheet-handle{width:40px;height:4px;background:#d1d5db;border-radius:2px;margin:8px auto;flex-shrink:0}.sheet-header{padding:4px 20px 14px;border-bottom:1px solid #E5E7EB;flex-shrink:0}.sheet-title{font-size:16px;font-weight:700}.sheet-subtitle{font-size:12px;color:var(--bs-text-muted, #B0AEA5);margin-top:2px}.sheet-body{padding:16px;overflow-y:auto;flex:1}.sheet-actions{padding:12px 16px;display:flex;gap:8px;border-top:1px solid #000;background:var(--bs-primary-light, #FEF0E7);flex-shrink:0}.sheet-btn{flex:1;padding:12px;border:1px solid #000;border-radius:4px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:6px}.sheet-btn.primary{background:var(--bs-primary, #D97757);color:#fff}.sheet-btn.secondary{background:#fff;color:#141413}.field{margin-bottom:16px}.label{font-size:12px;font-weight:700;margin-bottom:4px;display:block;color:#141413}.hint{font-size:11px;color:var(--bs-text-muted, #B0AEA5);margin-top:4px;line-height:1.5}.input,.textarea,.select{width:100%;border:1px solid #000;border-radius:4px;padding:10px 12px;font-size:13px;font-family:inherit;background:#fff}.input:focus,.textarea:focus,.select:focus{outline:2px solid var(--bs-primary, #D97757);outline-offset:-1px}.textarea{resize:vertical;min-height:80px;line-height:1.5}.url-box{display:flex;border:1px solid #000;border-radius:4px;overflow:hidden;background:var(--bs-primary-light, #FEF0E7)}.url-text{flex:1;padding:10px 12px;font-family:ui-monospace,Menlo,monospace;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.url-copy{padding:10px 14px;border:none;border-left:1px solid #000;background:var(--bs-primary, #D97757);color:#fff;font-size:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:4px;font-family:inherit}.log-item{padding:10px 14px;border-bottom:1px solid #F3F4F6;font-size:12px}.log-item:last-child{border-bottom:none}.log-time{font-weight:700;font-size:12px;margin-bottom:4px}.log-meta{color:var(--bs-text-muted, #B0AEA5);font-size:11px;line-height:1.5}.mi-xs{font-size:14px!important}.mi-sm{font-size:16px!important}.mi-md{font-size:20px!important}.mi-lg{font-size:24px!important}.empty{padding:48px 20px;text-align:center;color:var(--bs-text-muted, #B0AEA5)}.empty .material-icons{font-size:40px;margin-bottom:8px}