:root{--green-900:#081c15;--green-800:#1b4332;--green-700:#2d6a4f;--green-600:#40916c;--green-500:#52b788;--green-100:#d8f3dc;--green-50:#f0faf3;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--orange-500:#f59e0b;--orange-100:#fef3c7;--red-500:#ef4444;--red-100:#fee2e2;--sidebar-width:260px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--gray-50);color:var(--gray-800);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}.btn{border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--green-700);color:#fff}.btn-primary:hover{background:var(--green-800)}.btn-secondary{color:var(--gray-700);border:1px solid var(--gray-200);background:#fff}.btn-secondary:hover{background:var(--gray-50)}.form-group{margin-bottom:20px}.form-group label{color:var(--gray-600);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-input{border:1px solid var(--gray-200);background:#fff;border-radius:8px;width:100%;padding:10px 14px;font-size:14px;transition:border-color .2s}.form-input:focus{border-color:var(--green-500);outline:none;box-shadow:0 0 0 3px #52b78826}.card{border:1px solid var(--gray-100);background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000a}.badge{border-radius:20px;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-paid,.badge-delivered{background:var(--green-100);color:var(--green-700)}.badge-pending{background:var(--orange-100);color:#b45309}.badge-cancelled{background:var(--red-100);color:var(--red-500)}.badge-verified{background:var(--green-100);color:var(--green-700)}.stat-card{border:1px solid var(--gray-100);background:#fff;border-radius:12px;padding:20px 24px}.stat-card .label{color:var(--gray-500);margin-bottom:4px;font-size:13px}.stat-card .value{color:var(--gray-800);font-size:28px;font-weight:700}.stat-card .change{margin-top:4px;font-size:12px}.stat-card .change.up{color:var(--green-600)}.stat-card .change.down{color:var(--red-500)}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--gray-100);padding:12px 16px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--gray-50);vertical-align:middle;padding:14px 16px;font-size:14px}tr:hover td{background:var(--gray-50)}@media (width<=1024px){:root{--sidebar-width:0px}}