*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;color:#2c3e50;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;text-rendering:optimizeLegibility}input,select,textarea{background-color:#fff!important;color:#212529!important;font-size:1rem!important;min-height:2.25rem}@media (max-width:768px){input,select,textarea{font-size:16px!important;min-height:44px!important}}select option{background-color:#fff!important;color:#212529!important}td,th{color:#212529}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff5;border-bottom:1px solid #3c24151f;box-shadow:0 8px 30px #00000014;color:#3c2415;padding:.75rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:1100}.navbar-container{align-items:center;display:flex;gap:2em;height:76px;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 1.5rem}.navbar-brand{align-items:center;display:flex;gap:.5rem;height:100%;text-decoration:none;transition:opacity .2s ease}.navbar-brand:hover{opacity:.9}.navbar-logo{display:block;height:40px;object-fit:contain;width:auto}.navbar-brand-text{align-items:center;color:#3c2415;display:flex;font-size:1.25rem;font-weight:700;letter-spacing:-.25px;line-height:1}.navbar-links{gap:1.25rem;height:100%;margin-left:1.25rem}.navbar-links,.navbar-links>a{align-items:center;display:flex}.navbar-links>a{background:#0000;border:1px solid #0000;border-radius:999px;color:#3c2415;font-weight:600;height:auto;letter-spacing:.04em;min-height:2.25rem;padding:.4rem .75rem;text-decoration:none;transition:all .25s ease}.navbar-links>a:hover{background:#d977061f;border-color:#d9770666;box-shadow:0 6px 16px #d9770626;color:#3c2415}.navbar-links>a.active{background:#d97706;border-color:#d97706;box-shadow:0 12px 24px #d9770659;color:#fff}.navbar-links>a:focus-visible{border-radius:2px;outline:2px solid #d97706;outline-offset:2px}.navbar-user{align-items:center;border-left:1px solid #3c241526;display:flex;gap:.75rem;height:100%;margin-left:.75rem;padding-left:1rem}.navbar-user span{color:#6b5a4f;font-weight:600}.btn-logout{background-color:#d97706;border:none;border-radius:999px;box-shadow:0 10px 24px #d9770659;color:#fff;cursor:pointer;font-weight:600;padding:.55rem 1rem;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;white-space:nowrap}@media (max-width:768px){.btn-logout,.navbar-links>a{min-height:44px}.btn-logout{min-width:44px}}.btn-logout:hover{background-color:#f59e0b;box-shadow:0 14px 32px #d977064d;transform:translateY(-2px)}@media (max-width:1024px){.navbar-links{gap:.875rem}.navbar-links>a{font-size:.95rem}}@media (max-width:768px){.navbar-container{flex-wrap:wrap;height:auto;padding:.75rem 1rem}.navbar-links{flex-wrap:wrap;gap:.5rem .75rem;justify-content:center;margin-top:.75rem;width:100%}.navbar-user{border-left:none;border-top:1px solid #3c24151a;justify-content:space-between;margin-left:0;padding-left:0;padding-top:.75rem;width:100%}}:root{--deligout-ease:cubic-bezier(0.4,0,0.2,1);--deligout-duration:0.2s;--deligout-duration-fast:0.14s}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}#root,body,html{margin:0;min-height:100vh;padding:0}body{background-color:#f8f9fa}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{background-color:#f8f9fa;flex:1 1;padding:20px}.main-content.with-navbar{margin-top:64px}.loading{color:#6c757d;font-size:1.2rem;height:100vh}.loading,.route-loading-fallback{align-items:center;display:flex;justify-content:center}.route-loading-fallback{color:#6b7280;flex-direction:column;font-size:.95rem;gap:1rem;min-height:40vh;padding:2rem 1rem}.route-loading-spinner{animation:route-loading-spin .65s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#d97706;height:40px;width:40px}@keyframes route-loading-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.route-loading-spinner{animation:none;border-color:#d97706;opacity:.85}}.route-loading-sr{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-title{height:24px;margin-bottom:16px;width:60%}.skeleton-card{height:120px;margin-bottom:16px}.skeleton-row{height:48px;margin-bottom:8px}.empty-state{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state-title{color:#495057;font-size:1.25rem;font-weight:600;margin-bottom:8px}.empty-state-description{font-size:.95rem;margin-bottom:24px;max-width:400px}.container{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:2rem;width:100%}.card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 6px #00000012,0 1px 3px #0000000f;margin-bottom:2rem;padding:2rem;transition:box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),transform .14s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--deligout-duration) var(--deligout-ease),border-color var(--deligout-duration) var(--deligout-ease),transform var(--deligout-duration-fast) var(--deligout-ease)}@media (prefers-reduced-motion:no-preference){.card:hover{border-color:#e2e8f0;box-shadow:0 8px 24px #00000014,0 2px 8px #d977060f;transform:translateY(-1px)}}.card h2{color:#3c2415;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),transform .14s cubic-bezier(.4,0,.2,1);transition:background-color var(--deligout-duration) var(--deligout-ease),color var(--deligout-duration) var(--deligout-ease),border-color var(--deligout-duration) var(--deligout-ease),box-shadow var(--deligout-duration) var(--deligout-ease),transform var(--deligout-duration-fast) var(--deligout-ease)}.btn:active{transform:translateY(0)}.btn-primary{background-color:#d97706;border:1px solid #d97706e6;box-shadow:0 2px 6px #d9770659;color:#fff}.btn-primary:focus-visible,.btn-primary:hover{background-color:#f59e0b;box-shadow:0 8px 16px #d9770659;transform:translateY(-1px)}.btn-secondary{background-color:#fff;border:2px solid #d97706;box-shadow:0 1px 2px #0000000a;color:#3c2415}.btn-secondary:hover{background-color:#fef3c7;box-shadow:0 4px 8px #d9770626;transform:translateY(-1px)}.btn-success{background-color:#10b981;color:#fff}.btn-success:hover{background-color:#059669}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover{background-color:#dc2626}.form-group{margin-bottom:1.5rem}.form-group label{color:#2c3e50;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:2px solid #e9ecef;border-radius:8px;color:#212529;font-size:1rem;min-height:2.25rem;padding:.5rem .75rem;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1);transition:border-color var(--deligout-duration) var(--deligout-ease),box-shadow var(--deligout-duration) var(--deligout-ease),background-color var(--deligout-duration) var(--deligout-ease);width:100%}.form-group select option{background-color:#fff;color:#212529}.form-group textarea{min-height:100px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#d97706;box-shadow:0 0 0 3px #d9770626;outline:none}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#f59e0b}.status-badge{border-radius:12px;display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.status-draft{background-color:#f3f4f6;color:#374151}.status-completed{background-color:#d1fae5;color:#065f46}.status-pending{background-color:#fef3c7;color:#92400e}.status-failed{background-color:#fee2e2;color:#991b1b}.status-approved{background-color:#d1fae5;color:#065f46}.status-rejected{background-color:#fee2e2;color:#991b1b}.table{background:#fff;border:1px solid #e9ecef;border-collapse:collapse;border-radius:12px;box-shadow:0 2px 4px #0000000d;overflow:hidden;width:100%}.table td,.table th{border-bottom:1px solid #e9ecef;color:#212529;padding:1.25rem 1rem;text-align:left}.table th{background:#fef3c7;border-bottom:2px solid #d97706;color:#3c2415;font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.table tr:hover{background-color:#fef9f3;transition:background-color .2s ease}.table tbody tr{transition:all .2s ease}.table tr:last-child td{border-bottom:none}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.action-buttons{display:flex;gap:.5rem}.btn-sm{font-size:.875rem;padding:.5rem 1rem}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.page-header h1{color:#3c2415;font-size:2.25rem;font-weight:700}@media (min-width:769px){.page-header .btn{display:inline-block;flex:0 0 auto;font-size:.9rem!important;max-width:none!important;min-height:2.25rem!important;min-width:auto!important;padding:.5rem 1rem!important;width:auto!important}}.required{color:#ef4444;font-weight:600;margin-left:.25rem}.form-hint{color:#6b7280;display:block;font-size:.85rem;font-style:italic;margin-top:.25rem}.form-section-divider{border-top:2px solid #e5e7eb;margin:2rem 0 1rem;padding:1rem 0 .5rem}.form-section-divider h3{color:#3c2415;font-size:1.1rem;margin:0 0 .5rem}.form-section-hint{color:#6b7280;font-size:.9rem;font-style:italic;margin:0}.product-code{background:#f3f4f6;border-radius:4px;color:#1f2937;font-family:Courier New,monospace;font-size:.9rem;font-weight:600;padding:.25rem .5rem}@media (max-width:768px){.container,.main-content{min-width:0;padding:1rem}.card{margin-bottom:1.5rem;padding:1.25rem}.page-header{align-items:flex-start;flex-direction:column;gap:1rem}.page-header h1{font-size:1.75rem}.dashboard-header{align-items:flex-start;flex-direction:column;gap:1rem}.dashboard-header h1{font-size:1.75rem}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.table{font-size:.875rem;min-width:600px}.table td,.table th{padding:.75rem .5rem}.table th{font-size:.75rem}.action-buttons{flex-direction:column;gap:.5rem}.action-buttons .btn{min-height:44px;width:100%}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse;gap:.75rem}.form-actions .btn{min-height:44px;width:100%}.form-group input,.form-group select,.form-group textarea{background-color:#fff;color:#212529;font-size:16px;min-height:44px}.form-group select option{background-color:#fff;color:#212529}.btn{font-size:1rem;min-height:44px;padding:.875rem 1.25rem}.btn-sm{min-height:40px;padding:.625rem 1rem}.stats-grid{gap:1rem;grid-template-columns:1fr}.stat-card{padding:1.5rem}.stat-value{font-size:2rem}}@media (max-width:480px){.container{min-width:0}.container,.main-content{padding:.75rem}.card{border-radius:8px;padding:1rem}.dashboard-header h1,.page-header h1{font-size:1.5rem}.card h2{font-size:1.25rem}.form-group input,.form-group select,.form-group textarea{font-size:16px!important;min-height:44px!important;padding:.875rem!important}.btn{min-height:44px!important;min-width:44px!important;padding:.875rem 1.25rem!important}}@media (max-width:768px) and (orientation:landscape){.main-content{padding:1rem}.card{padding:1.25rem}}@media (max-width:768px){@media (hover:none) and (pointer:coarse){a.btn,button,input,select,textarea{min-height:44px;min-width:44px}a{align-items:center;display:inline-flex;min-height:44px}}}@media (max-width:768px){.App{padding-bottom:60px}}.alert{border:1px solid;border-radius:8px;font-weight:500;margin-bottom:1rem;padding:1rem 1.25rem}.alert-error{background-color:#fee2e2;border-color:#fecaca;color:#991b1b}.alert-success{background-color:#d1fae5;border-color:#a7f3d0;color:#065f46}.alert-warning{background-color:#fef3c7;border-color:#fde68a;color:#92400e}@media (min-width:900px){.btn,button.MuiButton-root{padding:.5rem 1.1rem!important;width:auto!important}.btn,button.MuiButton-root,input,select,textarea{font-size:.95rem!important;min-height:2.25rem!important}input,select,textarea{padding:.5rem .75rem!important}.page-header .btn{flex:0 0 auto;max-width:none!important;min-width:auto!important;width:auto!important}}.alert-info{background-color:#dbeafe;border-color:#bfdbfe;color:#1e40af}.bottom-nav-root{background-color:#fff;border-top:1px solid #e0e0e0;bottom:0;box-shadow:0 -2px 10px #0000001a;display:none;left:0;position:fixed;right:0;z-index:1200}@media (max-width:768px){.bottom-nav-root{display:block}}.bottom-nav-action{color:#6b7280}.bottom-nav-action.Mui-selected{color:#d97706}.bottom-nav-action svg{font-size:1.5rem}