@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--clr-primary:#1b4fe8;--clr-primary-dark:#1340c0;--clr-primary-light:#eef3ff;--clr-accent:#f59e0b;--clr-accent-dark:#d97706;--clr-bg:#f8fafc;--clr-bg-card:#fff;--clr-bg-sidebar:#0f172a;--clr-text:#0f172a;--clr-text-muted:#64748b;--clr-text-inverse:#fff;--clr-border:#e2e8f0;--clr-border-strong:#cbd5e1;--clr-success:#10b981;--clr-success-bg:#ecfdf5;--clr-warning:#f59e0b;--clr-warning-bg:#fffbeb;--clr-danger:#ef4444;--clr-danger-bg:#fef2f2;--clr-info:#3b82f6;--clr-info-bg:#eff6ff;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--r-xs:4px;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--r-full:9999px;--sh-xs:0 1px 2px #0000000d;--sh-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--sh-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--sh-lg:0 10px 30px #0000001a, 0 4px 8px #0000000a;--sh-xl:0 20px 60px #0000001f, 0 8px 16px #0000000f;--f-sans:"Inter", system-ui, -apple-system, sans-serif;--f-size-xs:12px;--f-size-sm:14px;--f-size-base:16px;--f-size-lg:18px;--f-size-xl:20px;--f-size-2xl:24px;--f-size-3xl:30px;--f-size-4xl:36px;--f-size-5xl:48px;--f-size-6xl:60px;--transition:.15s ease;--transition-slow:.3s ease;--sidebar-width:240px;--header-height:60px;--max-content-width:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--f-sans);font-size:var(--f-size-base);color:var(--clr-text);background-color:var(--clr-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}img,video{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{color:var(--clr-text);font-weight:700;line-height:1.2}h1{font-size:var(--f-size-4xl)}h2{font-size:var(--f-size-3xl)}h3{font-size:var(--f-size-2xl)}h4{font-size:var(--f-size-xl)}h5{font-size:var(--f-size-lg)}h6{font-size:var(--f-size-base)}p{color:var(--clr-text-muted);line-height:1.7}.container{width:100%;max-width:var(--max-content-width);padding:0 var(--sp-6);margin:0 auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.status-draft{color:var(--clr-text-muted);background:var(--clr-border)}.status-sent{color:var(--clr-info);background:var(--clr-info-bg)}.status-approved{color:var(--clr-success);background:var(--clr-success-bg)}.status-rejected{color:var(--clr-danger);background:var(--clr-danger-bg)}.status-expired{color:var(--clr-warning);background:var(--clr-warning-bg)}.status-queue{color:var(--clr-text-muted);background:var(--clr-border)}.status-in-progress{color:var(--clr-info);background:var(--clr-info-bg)}.status-done{color:var(--clr-success);background:var(--clr-success-bg)}.status-awaiting-dispatch{color:var(--clr-warning);background:var(--clr-warning-bg)}.status-dispatched{color:var(--clr-primary);background:var(--clr-primary-light)}.status-waiting{color:var(--clr-text-muted);background:var(--clr-border)}.status-shipped{color:var(--clr-info);background:var(--clr-info-bg)}.status-delivered{color:var(--clr-success);background:var(--clr-success-bg)}.priority-normal{color:var(--clr-text-muted)}.priority-high{color:var(--clr-warning)}.priority-urgent{color:var(--clr-danger)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--clr-border-strong);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--clr-text-muted)}:focus-visible{outline:2px solid var(--clr-primary);outline-offset:2px;border-radius:var(--r-xs)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:.3s forwards fadeIn}.animate-slide-up{animation:.4s forwards slideUp}.skeleton{background:linear-gradient(90deg, var(--clr-border) 25%, var(--clr-bg) 50%, var(--clr-border) 75%);border-radius:var(--r-sm);background-size:200% 100%;animation:1.5s infinite shimmer}