*{box-sizing:border-box;margin:0;padding:0}:root{--font: -apple-system, BlinkMacSystemFont, "Inter", sans-serif;--page-bg: #f1f2f4;--card-bg: #ffffff;--sidebar-bg: #1a1a2e;--sidebar-text: rgba(255,255,255,.6);--sidebar-active: #ffffff;--sidebar-active-bg: rgba(108,71,255,.15);--topbar-bg: #ffffff;--border: #e3e5e7;--border-light: #f0f1f3;--text-primary: #1a1a2e;--text-secondary: #6d7175;--text-tertiary: #8c9196;--purple: #6c47ff;--purple-light: rgba(108,71,255,.08);--green: #008060;--green-light: rgba(0,128,96,.08);--amber: #b98900;--amber-light: rgba(185,137,0,.08);--red: #d72c0d;--red-light: rgba(215,44,13,.08);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1)}body{font-family:var(--font);font-size:14px;color:var(--text-primary);background:var(--page-bg);-webkit-font-smoothing:antialiased}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px;box-shadow:var(--shadow-sm)}input,textarea,select{font-family:var(--font);font-size:14px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-md);width:100%;outline:none;transition:all .2s;background:#fff;color:var(--text-primary)}input:focus,textarea:focus{border-color:var(--purple);box-shadow:0 0 0 2px var(--purple-light)}label{display:block;font-size:13px;font-weight:500;margin-bottom:6px;color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;font-size:13px;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;border:1px solid transparent;gap:8px}.btn-primary{background:var(--purple);color:#fff}.btn-primary:hover{background:#5a3bd9}.btn-secondary{background:#fff;border-color:var(--border);color:var(--text-primary)}.btn-secondary:hover{background:var(--page-bg)}.input-group{margin-bottom:16px}.error-text{color:var(--red);font-size:12px;margin-top:4px}.badge{display:inline-flex;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.badge-pending{background:var(--amber-light);color:var(--amber)}.badge-confirmed{background:var(--green-light);color:var(--green)}.badge-shipped{background:var(--purple-light);color:var(--purple)}.badge-delivered{background:var(--green-light);color:var(--green)}.badge-cancelled{background:var(--red-light);color:var(--red)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}