@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--font-display:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-color:210 40% 98%;--surface-color:0 0% 100%;--border-color:214 32% 91%;--text-primary:222 47% 11%;--text-secondary:215 16% 47%;--primary-color:250 84% 54%;--primary-hover:250 84% 48%;--primary-glow:#6366f126;--success-color:142 76% 36%;--success-glow:#10b9811f;--warning-color:38 92% 50%;--warning-glow:#f59e0b1f;--danger-color:346 84% 61%;--danger-glow:#f43f5e1f;--accent-color:199 89% 48%;--glass-bg:#ffffffb3;--glass-border:#ffffff80;--shadow-sm:0 2px 8px -2px #0000000d;--shadow-md:0 12px 30px -4px #0000000f;--shadow-lg:0 20px 50px -10px #0000001a;--shadow-inset:inset 0 2px 4px 0 #0000000f;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:30px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--header-height:70px;--sidebar-width:260px}[data-theme=dark]{--bg-color:222 47% 6%;--surface-color:222 47% 10%;--border-color:217 32% 17%;--text-primary:210 40% 98%;--text-secondary:215 20% 65%;--primary-color:250 95% 68%;--primary-hover:250 95% 75%;--primary-glow:#818cf840;--success-color:142 70% 45%;--success-glow:#10b98133;--warning-color:48 96% 53%;--warning-glow:#f59e0b33;--danger-color:346 87% 64%;--danger-glow:#f43f5e33;--accent-color:199 95% 55%;--glass-bg:#0f172aa6;--glass-border:#ffffff14;--shadow-sm:0 2px 8px -2px #0000004d;--shadow-md:0 12px 30px -4px #0006;--shadow-lg:0 20px 50px -10px #00000080;--shadow-inset:inset 0 2px 4px 0 #0000004d}*{box-sizing:border-box;outline-color:hsl(var(--primary-color) / 50%);margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);background-color:hsl(var(--bg-color));color:hsl(var(--text-primary));transition:background-color var(--transition-normal), color var(--transition-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:hsl(var(--text-primary));letter-spacing:-.02em;font-weight:700}p{color:hsl(var(--text-secondary));line-height:1.6}a{color:hsl(var(--primary-color));transition:color var(--transition-fast);text-decoration:none}a:hover{color:hsl(var(--primary-hover))}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsl(var(--bg-color))}::-webkit-scrollbar-thumb{background:hsl(var(--border-color));border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:hsl(var(--text-secondary) / 40%)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border)}.card{background-color:hsl(var(--surface-color));border:1px solid hsl(var(--border-color));border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal);padding:24px}.card:hover{box-shadow:var(--shadow-md);border-color:hsl(var(--border-color) / 100%);transform:translateY(-2px)}.badge{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;border-radius:50px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge-printing{background-color:hsl(var(--warning-color) / 10%);color:hsl(var(--warning-color));border:1px solid hsl(var(--warning-color) / 20%)}.badge-qc{background-color:hsl(var(--accent-color) / 10%);color:hsl(var(--accent-color));border:1px solid hsl(var(--accent-color) / 20%)}.badge-approved{background-color:hsl(var(--success-color) / 10%);color:hsl(var(--success-color));border:1px solid hsl(var(--success-color) / 20%)}.badge-rejected{background-color:hsl(var(--danger-color) / 10%);color:hsl(var(--danger-color));border:1px solid hsl(var(--danger-color) / 20%)}.btn{font-family:var(--font-display);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background-color:hsl(var(--primary-color));color:#fff}.btn-primary:hover{background-color:hsl(var(--primary-hover));box-shadow:0 4px 14px 0 var(--primary-glow)}.btn-secondary{border:1px solid hsl(var(--border-color));color:hsl(var(--text-primary));background-color:#0000}.btn-secondary:hover{background-color:hsl(var(--border-color) / 40%);border-color:hsl(var(--text-secondary) / 40%)}.btn-success{background-color:hsl(var(--success-color));color:#fff}.btn-success:hover{background-color:hsl(var(--success-color) / 90%);box-shadow:0 4px 14px 0 var(--success-glow)}.btn-danger{background-color:hsl(var(--danger-color));color:#fff}.btn-danger:hover{background-color:hsl(var(--danger-color) / 90%);box-shadow:0 4px 14px 0 var(--danger-glow)}.btn-icon{border-radius:50%;padding:10px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{font-family:var(--font-display);color:hsl(var(--text-primary));font-size:14px;font-weight:600}.form-control{background-color:hsl(var(--surface-color));border:1px solid hsl(var(--border-color));border-radius:var(--radius-sm);width:100%;color:hsl(var(--text-primary));font-family:var(--font-sans);transition:all var(--transition-fast);padding:12px 16px;font-size:14px}.form-control:focus{border-color:hsl(var(--primary-color));box-shadow:0 0 0 3px var(--primary-glow);outline:none}.form-control::placeholder{color:hsl(var(--text-secondary) / 60%)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;width:100%;height:100%;animation:fadeIn var(--transition-normal) forwards;background-color:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:hsl(var(--surface-color));border:1px solid hsl(var(--border-color));border-radius:var(--radius-md);width:100%;max-width:500px;box-shadow:var(--shadow-lg);animation:slideUp var(--transition-normal) forwards;flex-direction:column;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid hsl(var(--border-color));justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{font-size:18px;font-weight:700}.modal-close{color:hsl(var(--text-secondary));cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:50%;padding:6px;font-size:20px;display:inline-flex}.modal-close:hover{background-color:hsl(var(--border-color) / 40%);color:hsl(var(--text-primary))}.modal-body{max-height:70vh;padding:24px;overflow-y:auto}.modal-footer{border-top:1px solid hsl(var(--border-color));background-color:hsl(var(--bg-color) / 50%);justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.shake{animation:.2s ease-in-out 2 shake}.toast-container{z-index:2000;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--radius-sm);background-color:hsl(var(--surface-color));color:hsl(var(--text-primary));box-shadow:var(--shadow-lg);border-left:4px solid hsl(var(--primary-color));animation:slideInRight var(--transition-normal) forwards;align-items:center;gap:12px;min-width:280px;max-width:400px;padding:14px 20px;display:flex}.toast-success{border-left-color:hsl(var(--success-color))}.toast-error{border-left-color:hsl(var(--danger-color))}.toast-warning{border-left-color:hsl(var(--warning-color))}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.checklist-container{flex-direction:column;gap:12px;margin-top:16px;display:flex}.checklist-item{border:1px solid hsl(var(--border-color));border-radius:var(--radius-sm);background-color:hsl(var(--surface-color));cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;align-items:flex-start;gap:14px;padding:14px 18px;display:flex}.checklist-item:hover{border-color:hsl(var(--primary-color) / 40%);background-color:hsl(var(--bg-color) / 20%)}.checklist-item.disabled{cursor:not-allowed;opacity:.85}.checklist-item.disabled:hover{border-color:hsl(var(--border-color));background-color:hsl(var(--surface-color))}.checkbox-custom{border:2px solid hsl(var(--text-secondary) / 50%);width:20px;height:20px;transition:all var(--transition-fast);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:inline-flex;position:relative}.checklist-item:hover .checkbox-custom{border-color:hsl(var(--primary-color))}.checklist-item.completed .checkbox-custom{background-color:hsl(var(--primary-color));border-color:hsl(var(--primary-color))}.checklist-item.completed .checkbox-custom:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.checklist-label{color:hsl(var(--text-primary));transition:color var(--transition-fast);flex-grow:1;font-size:14px;font-weight:500;line-height:1.5}.checklist-item.completed .checklist-label{color:hsl(var(--text-secondary));text-decoration:line-through}.checklist-meta{color:hsl(var(--text-secondary));margin-top:4px;font-size:11px}