*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%}html{touch-action:manipulation}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;color:#1a202c;background:#f0f4f8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(37,99,235,.08);-webkit-text-size-adjust:100%;text-size-adjust:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;min-height:48px;min-width:48px}input,select,textarea{font-family:inherit;font-size:16px}ul,ol{list-style:none}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:#1a202c}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}p{line-height:1.6;color:#4a5568}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;border:none;transition:all .2s ease;white-space:nowrap;line-height:1;min-height:48px;touch-action:manipulation;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:#2563eb;color:#fff;box-shadow:0 2px 8px #2563eb40}.btn-primary:hover:not(:disabled){background:#1d4ed8;box-shadow:0 4px 14px #2563eb4d}.btn-secondary{background:#fff;color:#1a202c;border:1.5px solid #E2E8F0;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}.btn-secondary:hover:not(:disabled){border-color:#2563eb;color:#2563eb;background:#dbeafe}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-success{background:#16a34a;color:#fff;box-shadow:0 2px 8px #16a34a40}.btn-success:hover:not(:disabled){background:#15803d}.btn-sm{padding:10px 16px;font-size:14px;border-radius:8px;min-height:40px}.btn-lg{padding:16px 32px;font-size:18px;min-height:56px}.btn-icon{padding:12px;min-width:48px;min-height:48px}.badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:100px;font-size:13px;font-weight:600;letter-spacing:.2px}.status-badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:100px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.status-badge.status-draft{background:#edf2f7;color:#4a5568}.status-badge.status-pending{background:#fff7ed;color:#c2410c;border:1px solid #FED7AA}.status-badge.status-production{background:#dbeafe;color:#1d4ed8;border:1px solid #BFDBFE}.status-badge.status-completed{background:#f0fdf4;color:#15803d;border:1px solid #BBF7D0}.status-badge.status-cancelled{background:#fef2f2;color:#b91c1c;border:1px solid #FECACA}.card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;border:1px solid #EDF2F7;overflow:hidden}.card-header{padding:18px 20px;border-bottom:1px solid #EDF2F7}.card-header h3{font-size:16px;font-weight:700;color:#1a202c;margin:0}.card-body{padding:20px}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:12px;font-weight:700;color:#718096;text-transform:uppercase;letter-spacing:.5px;padding:14px 16px;background:#f7fafc;border-bottom:1px solid #E2E8F0;white-space:nowrap}.table td{padding:16px;font-size:15px;color:#1a202c;border-bottom:1px solid #EDF2F7;vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr.clickable{cursor:pointer;-webkit-tap-highlight-color:rgba(37,99,235,.06)}.table tr.clickable:active td{background:#2563eb0a}@media(max-width:900px){.table-responsive .table thead{display:none}.table-responsive .table tbody tr{display:block;background:#fff;border-radius:16px;margin-bottom:12px;padding:16px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;border:1px solid #EDF2F7}.table-responsive .table td{display:flex;justify-content:space-between;align-items:center;padding:10px 4px;border-bottom:1px solid #EDF2F7;font-size:15px}.table-responsive .table td:last-child{border-bottom:none}.table-responsive .table td:before{content:attr(data-label);font-weight:700;font-size:12px;color:#718096;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0;margin-right:12px}}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.form-label{font-size:14px;font-weight:600;color:#4a5568;letter-spacing:.1px}.form-control{width:100%;padding:12px 16px;border:1.5px solid #E2E8F0;border-radius:12px;font-size:16px;color:#1a202c;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;min-height:48px}.form-control:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-control.invalid,.form-control.ng-invalid.ng-touched{border-color:#dc2626}.form-control::placeholder{color:#a0aec0;font-size:15px}.form-control:disabled{background:#f7fafc;opacity:.7;cursor:not-allowed}textarea.form-control{resize:vertical;min-height:100px}select.form-control{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px;padding-right:44px}.field-error{font-size:13px;font-weight:600;color:#dc2626}.alert{padding:14px 18px;border-radius:12px;font-size:14px;font-weight:600;display:flex;align-items:flex-start;gap:10px}.alert.alert-error{background:#fef2f2;border:1px solid #FECACA;color:#991b1b}.alert.alert-success{background:#f0fdf4;border:1px solid #BBF7D0;color:#166534}.alert.alert-warning{background:#fff7ed;border:1px solid #FED7AA;color:#9a3412}.spinner{display:inline-block;width:20px;height:20px;border:2.5px solid rgba(37,99,235,.2);border-top-color:#2563eb;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#edf2f7 25%,#e2e8f0,#edf2f7 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}router-outlet+*{animation:fadeIn .2s ease-out}.text-muted{color:#718096}.text-primary{color:#2563eb}.text-success{color:#16a34a}.text-danger{color:#dc2626}.text-center{text-align:center}.font-mono{font-family:SF Mono,Monaco,Cascadia Code,monospace}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:900px){.desktop-only{display:none!important}}@media(min-width:901px){.mobile-only{display:none!important}}@media(max-width:900px){.btn-mobile-full{width:100%;justify-content:center}}@media(max-width:900px){.mobile-stack{flex-direction:column!important;align-items:stretch!important}}@supports (padding-bottom: env(safe-area-inset-bottom)){body{padding-bottom:env(safe-area-inset-bottom)}}@media(max-width:900px){::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:4px}}@media print{.bottom-nav,.sidebar,.topbar,.more-drawer,.more-overlay{display:none!important}}