:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#edf2f7;--color-surface:#fff;--color-surface-muted:#eef3f8;--color-surface-subtle:#f8fafc;--color-border:#cbd5e1;--color-border-strong:#94a3b8;--color-primary:#1565c0;--color-primary-dark:#0d47a1;--color-primary-light:#1e73be;--color-secondary:#2563eb;--color-text:#0f172a;--color-text-muted:#475569;--color-text-secondary:#475569;--color-success:#15803d;--color-success-bg:#dcfce7;--color-warning:#b45309;--color-warning-bg:#fef3c7;--color-danger:#b91c1c;--color-danger-bg:#fee2e2;--color-info:#1d4ed8;--color-info-bg:#dbeafe;--radius:16px;--radius-sm:12px;--radius-md:8px;--shadow:0 20px 48px #0f172a1f;--shadow-soft:0 4px 14px #0f172a14;--focus-ring:#1565c052;--transition:.18s ease;--font-family:Inter, Arial, sans-serif}*{box-sizing:border-box}html{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);font-size:16px;line-height:1.5}body{background:var(--color-bg);min-height:100vh;color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4,h5,h6{color:var(--color-text);line-height:1.25}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;opacity:.65}input::placeholder,textarea::placeholder{color:#64748b;opacity:1}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.app-shell{background:var(--color-bg);grid-template-columns:280px 1fr;min-height:100vh;display:grid}.app-shell--sidebar-open{grid-template-columns:280px 1fr}.sidebar{border-right:1px solid var(--color-border);width:100%;box-shadow:var(--shadow-soft);z-index:20;background:#fff;flex-direction:column;align-self:flex-start;gap:32px;padding:24px 20px;display:flex;position:sticky;top:0}.sidebar__brand{color:var(--color-primary-dark);align-items:center;gap:14px;font-size:1.25rem;font-weight:700;display:flex}.sidebar__brand-mark{background:var(--color-primary-light);color:#fff;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.sidebar__nav{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sidebar__link{border-radius:var(--radius-sm);color:var(--color-text);transition:background var(--transition), color var(--transition), transform var(--transition);align-items:center;gap:12px;padding:14px 16px;font-weight:600;text-decoration:none;display:flex}.sidebar__link:hover{background:var(--color-primary-light);color:#fff}.sidebar__link--active{background:var(--color-primary);color:#fff}.sidebar__link--disabled{opacity:.5;cursor:not-allowed}.sidebar__icon{width:18px;height:18px}.sidebar__footer{margin-top:auto}.sidebar__profile{border-radius:var(--radius-sm);background:var(--color-surface-muted);gap:12px;padding:16px;display:grid}.sidebar__profile-name{color:var(--color-text);font-weight:700}.sidebar__logout{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-weight:600;display:inline-flex}.main-content{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-soft);z-index:10;background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:20px 32px;display:flex;position:sticky;top:0}.topbar__left,.topbar__right{align-items:center;gap:16px;display:flex}.topbar__menu,.topbar__icon,.topbar__logout{color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;padding:10px;display:inline-flex}.topbar__menu:hover,.topbar__icon:hover,.topbar__logout:hover{background:var(--color-surface-muted)}.topbar__page-title{color:var(--color-text);font-size:1rem;font-weight:700}.topbar__user{color:var(--color-text);font-weight:700}.page-content{background:var(--color-bg);flex:1;padding:32px}.login-screen{background:linear-gradient(#1565c0 0%,#0d47a1 100%);grid-template-columns:1.2fr 1fr;min-height:100vh;display:grid}.login-screen__side{color:#fff;flex-direction:column;justify-content:center;gap:32px;padding:48px 40px;display:flex}.login-branding h1{margin:0;font-size:3rem}.login-branding p{color:#ffffffd9;max-width:420px;margin:16px 0 0;line-height:1.6}.login-branding__mark{width:56px;height:56px;color:var(--color-primary-dark);background:#fff;border-radius:18px;place-items:center;font-size:1.5rem;font-weight:700;display:grid}.login-visual{min-height:260px;position:relative}.login-visual span{background:#ffffff29;border-radius:50%;position:absolute}.login-visual span:first-child{width:220px;height:220px;top:20%;left:-40px}.login-visual span:nth-child(2){width:180px;height:180px;top:40%;right:-80px}.login-visual span:nth-child(3){width:120px;height:120px;bottom:10%;left:20%}.login-screen__form{justify-content:center;align-items:center;padding:48px 32px;display:flex}.login-card{border-radius:24px;width:min(520px,100%);padding:32px}.login-card__header h2{margin:0;font-size:2rem}.login-card__header p{color:var(--color-text-muted);margin:12px 0 0;line-height:1.6}.login-form{gap:20px;margin-top:24px;display:grid}.product-label{border:1px solid var(--color-border);box-sizing:border-box;background:#fff;border-radius:12px;gap:12px;width:80mm;max-width:80mm;min-height:50mm;padding:18px;display:grid;box-shadow:0 10px 30px #00000014}.product-label .label-header{letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);font-size:1rem;font-weight:700}.product-label .label-row{color:var(--color-text);justify-content:space-between;align-items:baseline;gap:12px;font-size:.95rem;display:flex}.product-label .label-row strong{color:var(--color-text-h);font-weight:700}.barcode-card{background:#f9fafb;border-radius:12px;gap:12px;margin-top:12px;padding:12px;display:grid}.barcode-wrapper{align-items:center;gap:8px;display:grid}.barcode-caption{font-family:var(--mono);text-align:center;color:var(--text-h);word-break:break-all;font-size:.95rem}.barcode-fallback{font-family:var(--mono);text-align:center;color:var(--text-h);background:#fff;border:1px dashed #d1d5db;border-radius:12px;padding:16px;font-size:.95rem}.label-actions{gap:12px;margin-bottom:16px;display:flex}@media print{body{color:#000;background:#fff;margin:0}.page-content{background:0 0!important;padding:0!important}.label-actions{display:none}.product-label{box-shadow:none;border:none;width:80mm;min-height:50mm;max-height:50mm;margin:0 auto;padding:12px}.barcode-card{background:0 0;border:none;padding:0}}.login-button{width:100%}.dashboard-indicators{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:24px;display:grid}.indicator-card{gap:18px;padding:24px;display:grid}.indicator-card__top{justify-content:space-between;align-items:center;gap:16px;display:flex}.indicator-card__icon{border-radius:16px;place-items:center;width:52px;height:52px;display:grid}.indicator-card__title{color:var(--color-text);font-weight:700}.indicator-card__value{color:var(--color-primary-dark);font-size:2rem;font-weight:700}.dashboard-grid--stacked{grid-template-columns:1fr}.dashboard-empty{min-height:160px;color:var(--color-text-muted);place-items:center;font-weight:600;display:grid}.profile-dashboard{gap:24px;display:grid}.profile-dashboard .page-header,.profile-dashboard .dashboard-indicators{margin-bottom:0}.dashboard-indicators--profile{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.indicator-card--attention{border-color:#f59e0b;box-shadow:0 8px 24px #d977061f}.profile-dashboard__shortcuts{gap:14px;display:grid}.profile-dashboard__shortcut-list{flex-wrap:wrap;gap:12px;display:flex}.profile-dashboard__shortcut-list .btn{align-items:center;gap:8px;display:inline-flex}@media (width<=1024px){.app-shell{grid-template-columns:240px 1fr}.dashboard-indicators,.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.app-shell{grid-template-columns:1fr}.sidebar{max-width:320px;transition:transform var(--transition);z-index:30;height:100vh;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-110%)}.app-shell--sidebar-open .sidebar{transform:translate(0)}.main-content{min-height:100vh}.topbar{padding:16px 20px}.page-content{padding:20px}.dashboard-indicators,.dashboard-grid,.login-screen{grid-template-columns:1fr}.login-screen__side{display:none}.login-screen__form{padding:32px 20px}}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-header__info{max-width:640px}.page-header__title{color:var(--color-text);margin:0;font-size:2rem;font-weight:700}.page-header__description{color:var(--color-text-muted);margin:8px 0 0;line-height:1.6}.page-header__actions{flex-wrap:wrap;gap:12px;display:flex}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:20px}.card--compact{padding:16px}.card__title{color:var(--color-text);margin:0;font-size:1rem;font-weight:700}.card__subtitle{color:var(--color-text-muted);margin:8px 0 0;line-height:1.5}.form-grid{gap:24px;display:grid}.form-section{gap:16px;display:grid}.form-section__title{margin:0;font-size:1rem;font-weight:700}.field-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.form-actions{flex-wrap:wrap;gap:12px;display:flex}.page-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.page-section{gap:24px;display:grid}.btn{transition:background var(--transition), color var(--transition), border-color var(--transition), box-shadow var(--transition), transform var(--transition);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:0 6px 14px #0d47a133}.btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn--secondary:hover:not(:disabled),.btn--ghost:hover:not(:disabled){background:var(--color-surface-muted);border-color:var(--color-primary);color:var(--color-primary-dark)}.btn--danger{background:var(--color-danger);color:#fff}.btn--danger:hover:not(:disabled){background:#991b1b;box-shadow:0 6px 14px #b91c1c2e}.btn--ghost{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn:disabled{box-shadow:none;transform:none}.btn--small{padding:8px 14px;font-size:.9rem}.btn--medium{padding:12px 18px;font-size:1rem}.btn--large{padding:14px 22px;font-size:1rem}.input-group{gap:8px;display:grid}.input-label{color:var(--color-text);font-size:.95rem;font-weight:700}.input-field,.select-field,.textarea-field{border:1px solid var(--color-border-strong);background:var(--color-surface);width:100%;min-height:44px;color:var(--color-text);transition:border-color var(--transition), box-shadow var(--transition);border-radius:12px;padding:12px 14px}.input-field:focus,.select-field:focus,.textarea-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--focus-ring);outline:none}.input-field:disabled,.select-field:disabled,.textarea-field:disabled{background:var(--color-surface-muted);border-color:var(--color-border);color:var(--color-text-muted)}.textarea-field{resize:vertical;min-height:120px}.input-help{color:var(--color-text-muted);font-size:.9rem}.input-error{color:var(--color-danger);font-size:.9rem}.badge{border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:.8rem;font-weight:700;line-height:1.2;display:inline-flex}.badge--success{background:var(--color-success-bg);color:var(--color-success);border-color:#15803d3d}.badge--warning{background:var(--color-warning-bg);color:var(--color-warning);border-color:#b453093d}.badge--danger{background:var(--color-danger-bg);color:var(--color-danger);border-color:#b91c1c38}.badge--info{background:var(--color-info-bg);color:var(--color-info);border-color:#1d4ed838}.badge--neutral{background:var(--color-surface-muted);color:var(--color-text);border-color:var(--color-border)}.alert{background:var(--color-surface);border:1px solid #0000;border-radius:16px;flex-direction:column;gap:12px;padding:18px 20px;display:flex}.alert--success{background:var(--color-success-bg);color:var(--color-success);border-color:#16a34a2e}.alert--warning{background:var(--color-warning-bg);color:var(--color-warning);border-color:#b453092e}.alert--error{background:var(--color-danger-bg);color:var(--color-danger);border-color:#b9191c2e}.alert--info{background:var(--color-info-bg);color:var(--color-info);border-color:#0c4a6e2e}.empty-state{text-align:center;border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border);flex-direction:column;align-items:center;gap:16px;padding:36px;display:flex}.empty-state__title{margin:0;font-size:1.25rem;font-weight:700}.empty-state__description{color:var(--color-text-muted);margin:0;line-height:1.6}.loading-state{border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border);align-items:center;gap:16px;padding:24px;display:flex}.loading-state__spinner{border:4px solid #2563eb33;border-top-color:var(--color-secondary);border-radius:50%;width:28px;height:28px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.search-input{align-items:center;gap:8px;display:flex}.search-input__field{flex:1;min-width:0}.search-input__clear{height:42px}.dialog-overlay{z-index:50;background:#0f172a8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.dialog{background:var(--color-surface);border-radius:var(--radius);width:100%;max-width:460px;box-shadow:var(--shadow);padding:24px}.dialog__title{margin:0;font-size:1.25rem;font-weight:700}.dialog__description{color:var(--color-text-muted);margin:12px 0 0;line-height:1.6}.dialog__actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.data-table-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:720px}.data-table th,.data-table td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top;padding:16px}.data-table th{background:var(--color-surface-muted);color:var(--color-text);letter-spacing:.01em;font-size:.875rem;font-weight:700}.data-table tr:nth-child(2n){background:var(--color-surface-subtle)}.data-table tbody tr:hover{background:#eef6ff}.data-table__row-actions{flex-wrap:wrap;gap:8px;display:flex}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.dashboard-card{flex-direction:column;gap:12px;display:flex}.dashboard-card__value{font-size:2rem;font-weight:700}.dashboard-card__label{color:var(--color-text-muted)}@media (width<=1060px){.sidebar{width:100%;position:relative}.main-content{width:100%}.page-content{padding:20px}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.app-shell{flex-direction:column}.header{flex-wrap:wrap;padding:16px}.page-header{flex-direction:column;align-items:stretch}.dashboard-grid{grid-template-columns:1fr}}.production-dashboard{gap:24px;display:grid}.production-dashboard__actions{flex-wrap:wrap;gap:10px;display:flex}.production-dashboard__status{color:var(--color-text-muted);text-align:right;margin-top:-12px;font-size:.875rem}.production-dashboard__overview-grid,.production-dashboard__deadlines-grid{gap:20px;display:grid}.production-dashboard__overview-grid{grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr)}.production-dashboard__deadlines-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.production-indicators{grid-template-columns:repeat(6,minmax(145px,1fr));gap:14px;display:grid}.production-indicator{border-radius:var(--radius);min-width:0;box-shadow:var(--shadow-soft);border:1px solid #0000;gap:10px;padding:18px;display:grid}.production-indicator__top{justify-content:space-between;align-items:center;gap:10px;display:flex}.production-indicator__title{color:#334155;font-size:.875rem;font-weight:700}.production-indicator__icon{background:#ffffffb3;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;font-size:1.05rem;display:grid}.production-indicator__value{color:#0f172a;font-size:clamp(1.6rem,2vw,2rem);line-height:1}.production-indicator__description{color:#475569;font-size:.75rem;line-height:1.35}.production-indicator--programada{color:#a16207;background:#fefce8;border-color:#fde68a}.production-indicator--producao{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.production-indicator--estamparia{color:#7c3aed;background:#f5f3ff;border-color:#ddd6fe}.production-indicator--concluida{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.production-indicator--atrasada{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.production-indicator--pecas{color:#0369a1;background:#f0f9ff;border-color:#bae6fd}.production-panel{min-width:0}.production-panel__header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.production-panel__title{color:var(--color-text);margin:0;font-size:1.05rem;font-weight:700}.production-panel__description{color:var(--color-text-muted);margin:6px 0 0;font-size:.875rem;line-height:1.5}.production-panel__icon{color:var(--color-text-muted);flex:none;font-size:1.2rem}.production-stage-card__list{gap:16px;display:grid}.production-stage{gap:7px;display:grid}.production-stage__label-row{color:#334155;justify-content:space-between;align-items:center;gap:16px;font-size:.875rem;display:flex}.production-stage__label-row strong{color:#0f172a}.production-stage__track{background:#e2e8f0;border-radius:999px;height:9px;overflow:hidden}.production-stage__bar{border-radius:inherit;min-width:0;height:100%;transition:width var(--transition);background:linear-gradient(90deg,#2563eb,#60a5fa);display:block}.production-summary__metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.production-summary__metric{background:#f8fafc;border-radius:12px;gap:5px;padding:14px;display:grid}.production-summary__metric span{color:var(--color-text-muted);font-size:.78rem}.production-summary__metric strong{color:#0f172a;font-size:1.45rem}.production-summary__progress{gap:9px;margin-top:20px;display:grid}.production-summary__progress-label{color:#334155;justify-content:space-between;align-items:center;gap:16px;font-size:.875rem;font-weight:600;display:flex}.production-summary__progress-label strong{color:#0f172a}.production-summary__progress-track{background:#e2e8f0;border-radius:999px;height:12px;overflow:hidden}.production-summary__progress-bar{border-radius:inherit;height:100%;transition:width var(--transition);background:linear-gradient(90deg,#f97316,#facc15);display:block}.production-summary__help{color:var(--color-text-muted);margin:12px 0 0;font-size:.75rem;line-height:1.5}.production-deadlines--atrasada{border-top:4px solid #ef4444}.production-deadlines--proxima{border-top:4px solid #3b82f6}.production-deadlines__list{gap:0;margin:0;padding:0;list-style:none;display:grid}.production-deadline{border-top:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:18px;padding:14px 0;display:flex}.production-deadline:first-child{border-top:0;padding-top:0}.production-deadline:last-child{padding-bottom:0}.production-deadline__main{gap:5px;min-width:0;display:grid}.production-deadline__identity{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.production-deadline__number{color:#0f172a;font-size:.9rem}.production-deadline__status{color:#475569;background:#f1f5f9;border-radius:999px;padding:4px 8px;font-size:.7rem;font-weight:700}.production-deadline__client{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.production-deadline__meta{color:#475569;text-align:right;flex:none;gap:6px;font-size:.75rem;display:grid}.production-deadline__meta span{justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.production-deadlines--atrasada .production-deadline__meta span:first-child{color:#b91c1c;font-weight:700}.production-deadlines__empty{min-height:118px;color:var(--color-text-muted);text-align:center;place-items:center;font-size:.875rem;display:grid}@media (width<=1280px){.production-indicators{grid-template-columns:repeat(3,minmax(160px,1fr))}}@media (width<=900px){.production-dashboard__overview-grid,.production-dashboard__deadlines-grid{grid-template-columns:1fr}}@media (width<=620px){.production-indicators{grid-template-columns:repeat(2,minmax(0,1fr))}.production-indicator{padding:15px}.production-deadline{display:grid}.production-deadline__meta{text-align:left;flex-wrap:wrap;display:flex}.production-deadline__meta span{justify-content:flex-start}}@media (width<=420px){.production-indicators,.production-summary__metrics{grid-template-columns:1fr}}