:root{--bg-base:#0f0f0f;--bg-surface:#1a1a1a;--bg-raised:#222;--bg-hover:#2a2a2a;--border:#ffffff14;--border-strong:#ffffff24;--text-primary:#f0ede8;--text-secondary:#8a8780;--text-muted:#5a5855;--c-blue:#60a5fa;--c-blue-bg:#60a5fa1a;--c-green:#4ade80;--c-green-bg:#4ade801a;--c-amber:#fbbf24;--c-amber-bg:#fbbf241a;--c-red:#f87171;--c-red-bg:#f871711a;--c-muted:#8a8780;--c-muted-bg:#8a87801a;--accent:#f0ede8;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;font-family:DM Mono,Fira Code,Courier New,monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh}.app{flex-direction:column;min-height:100vh;display:flex}.header{border-bottom:1px solid var(--border);background:var(--bg-base);z-index:10;justify-content:space-between;align-items:center;height:60px;padding:0 2rem;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:16px;display:flex}.logo{align-items:center;gap:10px;display:flex}.logo-mark{background:var(--text-primary);width:28px;height:28px;color:var(--bg-base);letter-spacing:-.5px;border-radius:7px;justify-content:center;align-items:center;font-family:DM Mono,monospace;font-size:14px;font-weight:700;display:flex}.logo-text{letter-spacing:-.3px;color:var(--text-primary);font-family:DM Mono,monospace;font-size:15px;font-weight:600}.header-tagline{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;border-left:1px solid var(--border);padding-left:16px;font-size:11px}.btn-import{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-raised);color:var(--text-primary);cursor:pointer;align-items:center;gap:7px;padding:7px 14px;font-family:inherit;font-size:13px;transition:background .15s,border-color .15s;display:flex}.btn-import:hover{background:var(--bg-hover);border-color:#ffffff38}.btn-import.large{margin-top:16px;padding:10px 20px;font-size:14px}.btn-icon{color:var(--text-secondary);font-size:16px;line-height:1}.main{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:2rem}.stats-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:16px 20px;display:flex}.stat-value{letter-spacing:-1px;color:var(--text-primary);font-family:DM Mono,monospace;font-size:28px;font-weight:600;line-height:1}.stat-label{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.filter-row{border-bottom:1px solid var(--border);gap:4px;margin-bottom:16px;padding-bottom:0;display:flex}.filter-tab{color:var(--text-muted);cursor:pointer;letter-spacing:.02em;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 14px;font-family:inherit;font-size:12px;transition:color .15s,border-color .15s}.filter-tab:hover{color:var(--text-secondary)}.filter-tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.table-wrapper{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.shipments-table{border-collapse:collapse;width:100%;font-size:13px}.shipments-table thead tr{border-bottom:1px solid var(--border)}.shipments-table th{text-align:left;color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;background:var(--bg-surface);padding:11px 16px;font-size:11px;font-weight:500}.shipment-row{border-bottom:1px solid var(--border);transition:background .1s}.shipment-row:last-child{border-bottom:none}.shipment-row:hover{background:var(--bg-hover)}.shipments-table td{color:var(--text-secondary);vertical-align:middle;padding:13px 16px}.td-description{font-weight:500;color:var(--text-primary)!important}.td-carrier{letter-spacing:.04em;font-size:12px;color:var(--text-muted)!important}.td-tracking{font-family:DM Mono,monospace;font-size:11px;color:var(--text-muted)!important}.td-eta{color:var(--text-primary)!important}.td-update{font-size:12px;color:var(--text-muted)!important}.status-badge{letter-spacing:.03em;white-space:nowrap;border-radius:5px;padding:3px 9px;font-size:11px;font-weight:500;display:inline-block}.empty-state{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 24px;display:flex}.empty-icon{opacity:.4;margin-bottom:16px;font-size:40px}.empty-title{color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:500}.empty-sub{color:var(--text-muted);max-width:360px;font-size:13px;line-height:1.6}@media (width<=900px){.stats-row{grid-template-columns:repeat(2,1fr)}.header-tagline{display:none}.main{padding:1.25rem}.td-tracking{display:none}}@media (width<=600px){.stats-row{grid-template-columns:repeat(2,1fr)}.td-carrier,.td-update{display:none}}.btn-delete{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:18px;line-height:1;transition:color .15s,background .15s}.btn-delete:hover{color:var(--c-red);background:var(--c-red-bg)}