@import "https://fonts.googleapis.com/css2?family=Segoe+UI:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-canvas:#f3f6f9;--bg-card:#fff;--color-primary:#0176d3;--color-primary-hover:#005fb2;--text-main:#080707;--text-muted:#514f4d;--border-color:#dddbda;--border-radius:4px;--status-paid-bg:#e7f4e9;--status-paid-text:#0e621c;--status-packed-bg:#fff3cd;--status-packed-text:#856404;--status-shipped-bg:#e0efff;--status-shipped-text:#0b52b3;--status-delivered-bg:#e0f2f1;--status-delivered-text:#00796b;--status-returned-bg:#f3e5f5;--status-returned-text:#7b1fa2;--status-failed-bg:#fce8e6;--status-failed-text:#c23934;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Segoe UI,system-ui,-apple-system,sans-serif}body{background-color:var(--bg-canvas);color:var(--text-main);min-height:100vh;margin:0;padding:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-main);margin:0;font-weight:600}.sf-header{color:#fff;background-color:#032e52;border-bottom:3px solid #0176d3;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.sf-header-logo{letter-spacing:.05em;align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.sf-header-logo span{color:#00a1e0}.auth-container{background:var(--bg-canvas);box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);text-align:center;width:100%;max-width:400px;padding:40px 32px;box-shadow:0 4px 12px #0000000d}.dashboard-container{box-sizing:border-box;max-width:1440px;margin:0 auto;padding:24px}.sf-breadcrumb-bar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 24px;display:flex}.sf-breadcrumb-title h1{font-size:20px;font-weight:600}.sf-breadcrumb-path{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:2px;font-size:11px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px;display:grid}.metric-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);text-align:left;padding:20px;transition:box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000005}.metric-card:before{content:"";background-color:var(--border-color);width:4px;position:absolute;top:0;bottom:0;left:0}.metric-card.total:before{background-color:var(--color-primary)}.metric-card.paid:before{background-color:#2e8b57}.metric-card.shipped:before{background-color:#3b82f6}.metric-card.delivered:before{background-color:teal}.metric-card.returned:before{background-color:#8b5cf6}.metric-card.failed:before{background-color:#c23934}.metric-card:hover{box-shadow:0 4px 8px #0000000d}.metric-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:4px;font-size:12px;font-weight:600}.metric-value{color:var(--text-main);font-size:24px;font-weight:700}.sf-table-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 2px 4px #00000005}.sf-table-header{border-bottom:1px solid var(--border-color);background-color:#f8f9fa;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.sf-table-container{overflow-x:auto}.sf-table{border-collapse:collapse;text-align:left;width:100%}.sf-table th{text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-color);letter-spacing:.05em;background-color:#fafbfc;padding:12px 16px;font-size:11px;font-weight:700}.sf-table td{border-bottom:1px solid var(--border-color);color:var(--text-main);vertical-align:middle;padding:12px 16px;font-size:13px}.sf-table tr{transition:background-color .15s}.sf-table tr:hover{background-color:#f3f2f2}.badge{text-transform:uppercase;border-radius:9999px;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.badge.paid{background-color:var(--status-paid-bg);color:var(--status-paid-text)}.badge.packed{background-color:var(--status-packed-bg);color:var(--status-packed-text)}.badge.shipped{background-color:var(--status-shipped-bg);color:var(--status-shipped-text)}.badge.delivered{background-color:var(--status-delivered-bg);color:var(--status-delivered-text)}.badge.returned{background-color:var(--status-returned-bg);color:var(--status-returned-text)}.badge.failed{background-color:var(--status-failed-bg);color:var(--status-failed-text)}.sf-label{color:var(--text-muted);text-align:left;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.sf-input{border:1px solid var(--border-color);border-radius:var(--border-radius);width:100%;color:var(--text-main);box-sizing:border-box;background-color:#fff;outline:none;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.sf-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0176d326}.sf-btn{border-radius:var(--border-radius);cursor:pointer;color:var(--color-primary);background-color:#fff;border:1px solid #dddbda;outline:none;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.sf-btn:hover{background-color:#f3f2f2}.sf-btn-brand{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.sf-btn-brand:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.sf-btn-danger{color:#fff;background-color:#c23934;border-color:#c23934}.sf-btn-danger:hover{background-color:#a61a14;border-color:#a61a14}.sf-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#08070799;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sf-modal{background:var(--bg-card);border:1px solid var(--border-color);text-align:left;border-radius:8px;width:100%;max-width:520px;overflow:hidden;box-shadow:0 12px 30px #00000026}.sf-modal-header{border-bottom:1px solid var(--border-color);background-color:#f8f9fa;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.sf-modal-body{max-height:70vh;padding:24px;overflow-y:auto}.sf-modal-footer{border-top:1px solid var(--border-color);background-color:#f8f9fa;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}