@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--bg:#f5f4ee;--bg-secondary:#fff;--bg-tertiary:#f9f9f5;--border:#0000000f;--text:#1c1c18;--text-secondary:#6b6b65;--text-tertiary:#a0a09a;--accent:#f97066;--accent-hover:#ef4444;--success:#22c55e;--success-bg:#f0fdf4;--warning:#eab308;--warning-bg:#fefce8;--danger:#ef4444;--danger-bg:#fef2f2;--info:#3b82f6;--info-bg:#eff6ff;--neutral:#6b7280;--neutral-bg:#f3f4f6;--sidebar:#1c1c18;--sidebar-text:#a0a09a;--sidebar-text-muted:#8a8a84;--sidebar-active-bg:#ffffff14;--radius:16px;--radius-sm:8px;--radius-card:16px;--shadow:0 1px 3px #0000000f;--shadow-md:0 2px 8px #00000014;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{cursor:pointer;border-radius:var(--radius-sm);font-size:13px;font-weight:500;font-family:var(--font);border:none;padding:8px 16px;transition:all .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-secondary);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow)}.btn-secondary:hover{border-color:#0000001f}.btn-danger{background:var(--danger);color:#fff}input,select,textarea{background:var(--bg-secondary);color:var(--text);font-size:13px;font-weight:500;font-family:var(--font);width:100%;box-shadow:var(--shadow);border:1px solid #00000014;border-radius:10px;padding:9px 14px;transition:all .15s}input::placeholder,textarea::placeholder{color:#b0b0a8}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #f970661a}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-top:1px solid #0000000d;border-bottom:1px solid #0000000d;padding:12px 24px;font-size:12px;font-weight:500}td{text-align:left;vertical-align:middle;padding:16px 24px;font-size:14px}tr:hover{background:var(--bg-tertiary)}tr:last-child td{border-bottom:none}.card{background:var(--bg-secondary);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:20px 24px}.table-card{background:var(--bg-secondary);border-radius:var(--radius-card);box-shadow:var(--shadow);overflow:hidden}.stat-card{background:var(--bg-secondary);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:20px 24px}.stat-label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:500}.stat-value{color:var(--text);font-size:28px;font-weight:700;line-height:1.1}.stat-change{border-radius:6px;margin-top:8px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.stat-change.up{color:var(--success);background:var(--success-bg)}.stat-change.neutral{color:var(--neutral);background:var(--neutral-bg)}.stat-change.attention{color:var(--accent);background:#f9706614}.badge{border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.badge-success,.badge-paid{background:var(--success-bg);color:#15803d}.badge-warning,.badge-pending{background:var(--warning-bg);color:#a16207}.badge-danger{background:var(--danger-bg);color:#dc2626}.badge-info,.badge-shipped{background:var(--info-bg);color:#1d4ed8}.badge-delivered{background:var(--neutral-bg);color:#374151}.order-id{color:var(--text);font-size:13px;font-weight:600}.customer-name{color:var(--text);font-size:14px;font-weight:500}.customer-email{color:var(--text-secondary);margin-top:2px;font-size:12px}.amount{font-variant-numeric:tabular-nums;color:var(--text);font-weight:600}.date{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:13px}.page-title{color:var(--text);font-size:24px;font-weight:600}