@import"https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;500;600;700&family=Titillium+Web:wght@400;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #b3292a;--color-primary-light: #c93a3b;--color-primary-dark: #8f1f20;--color-secondary: #19232b;--color-secondary-light: #2a3640;--color-accent: #b3292a;--color-accent-light: #d43b3c;--color-accent-dark: #8f1f20;--color-dark: #19232b;--color-light: #f2f3f5;--color-white: #FFFFFF;--color-text: #04080d;--color-text-body: #666666;--color-text-light: #848484;--color-text-muted: #a0a0a0;--color-border: #eeeeee;--color-success: #38A169;--color-error: #E53E3E;--color-warning: #D69E2E;--color-info: #3182CE;--font-heading: "Titillium Web", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--sidebar-width: 260px;--header-height: 64px}body{font-family:var(--font-body);color:var(--color-text-body);background:var(--color-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text)}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-dark)}@keyframes authSlideFade{0%{opacity:0;transform:scale(1.05)}10%{opacity:1;transform:scale(1)}30%{opacity:1;transform:scale(1)}40%{opacity:0;transform:scale(1.02)}to{opacity:0;transform:scale(1.05)}}.auth-hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;animation:authSlideFade 20s infinite;opacity:0}.auth-hero-slide:nth-child(1){animation-delay:0s}.auth-hero-slide:nth-child(2){animation-delay:4s}.auth-hero-slide:nth-child(3){animation-delay:8s}.auth-hero-slide:nth-child(4){animation-delay:12s}.auth-hero-slide:nth-child(5){animation-delay:16s}@media(max-width:960px){.auth-layout-hero{display:none!important}.auth-layout-form{flex:1 1 100%!important}.auth-hero-company-name{white-space:normal!important;font-size:26px!important}}.sidebar-scroll{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.sidebar-scroll::-webkit-scrollbar{width:5px}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-scroll::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff52}.toast-container{position:fixed;top:24px;right:24px;z-index:1100;display:flex;flex-direction:column;gap:12px;max-width:min(480px,calc(100vw - 48px));pointer-events:none}.toast-item{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border-radius:var(--radius-md);box-shadow:0 8px 24px #00000024;pointer-events:auto;animation:toast-slide-in .25s ease-out}.toast-dismiss{background:none;border:none;cursor:pointer;padding:0;line-height:1;flex-shrink:0;opacity:.7}.toast-dismiss:hover{opacity:1}@keyframes toast-slide-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.po-sticky-footer{position:sticky;bottom:0;z-index:10;background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -4px 12px #0000000f;padding:12px 0;margin-top:16px}.po-items-grid{overflow-x:auto;overflow-y:auto;max-height:360px}.po-items-grid thead th{position:sticky;top:0;z-index:2;background:#f5f6f8}
