body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#2563eb;--secondary-color:#64748b;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--bg-color:#f1f5f9;--sidebar-color:#0f172a;--text-color:#1e293b;--white:#fff;--border-color:#e2e8f0;--card-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--inner-shadow:inset 0 2px 4px 0 #0000000d}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:#f1f5f9;background-color:var(--bg-color);color:#1e293b;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.app-container{display:flex;height:100vh}.sidebar{background-color:#2563eb;background-color:var(--primary-color);color:#fff;color:var(--white);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;transition:width .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:50}.sidebar.collapsed{width:80px}.sidebar-header{border-bottom:1px solid #ffffff1a;display:flex;flex-direction:column;justify-content:center;min-height:90px;padding:1.25rem 1rem;position:relative}.sidebar.collapsed .sidebar-header{align-items:center;padding:1.25rem .5rem}.brand-section{align-items:center;display:flex;gap:.85rem;transition:all .3s ease}.sidebar.collapsed .brand-section{justify-content:center}.brand-logo{filter:brightness(0) invert(1);flex-shrink:0;height:38px;width:38px}.brand-text{display:flex;flex-direction:column;justify-content:center;overflow:hidden;transition:opacity .2s ease}.brand-text h2{color:#fff!important;font-size:1.1rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0;white-space:nowrap}.brand-text p{color:#ffffff80;font-size:.65rem;font-weight:700;letter-spacing:.08em;margin:.15rem 0 0;text-transform:uppercase;white-space:nowrap}.sidebar.collapsed .brand-text{display:none}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:.4rem;overflow-x:hidden;overflow-y:auto;padding:1.25rem .75rem}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.sidebar-nav button{align-items:center;background:none;border:none;border-radius:10px;color:#ffffffbf;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:1rem;padding:.75rem 1rem;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.sidebar.collapsed .sidebar-nav button{justify-content:center;padding:.875rem}.sidebar.collapsed .sidebar-nav button span{display:none}.sidebar-nav button:hover{background-color:#ffffff1a;color:#fff;color:var(--white)}.sidebar-nav button.active{background-color:#fff;background-color:var(--white);box-shadow:0 10px 15px -3px #0000001a}.sidebar-nav button.active,.sidebar-nav button.active span,.sidebar-nav button.active svg{color:#2563eb;color:var(--primary-color)}.nav-dropdown-items{border-left:2px solid #ffffff1a;margin-left:2rem!important}.sidebar-nav .active-sub{background-color:#ffffff1a!important;border-radius:6px;color:#fff!important;font-weight:700!important;padding-left:1rem!important}.sidebar-nav .nav-dropdown-items button{margin:.1rem 0;padding:.5rem 1rem!important;transition:all .2s}.sidebar-nav .nav-dropdown-items button:hover{background-color:#ffffff0d!important;color:#fff!important}.main-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.top-bar{align-items:center;background-color:#fff;background-color:var(--white);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;height:72px;justify-content:space-between;padding:0 2.5rem}.top-bar h1{color:#0f172a;font-size:1.5rem;font-weight:700}.content-area{flex:1 1;overflow-y:auto;padding:2.5rem}.card{background:#fff;background:var(--white);border:1px solid #e2e8f0cc;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--card-shadow);padding:1.75rem;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.card:hover{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;transform:translateY(-8px) scale(1.01)}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.form-group label{align-items:center;color:#475569;display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.form-group input,.form-group select,.form-group textarea{background-color:#f8fafc;border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color);border-radius:10px;color:#1e293b;color:var(--text-color);font-family:inherit;font-size:.95rem;outline:none;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#fff;border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 0 0 4px #2563eb1a}.form-group input::placeholder{color:#94a3b8}.form-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}.modal-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.stat-value{font-family:Inter,system-ui;letter-spacing:-.02em}.unit-label{color:#64748b;color:var(--secondary-color);font-size:.875rem;font-weight:500;margin-left:.25rem}table{border-collapse:initial;border-spacing:0;width:100%}th{background-color:#f8fafc;color:#64748b;color:var(--secondary-color);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem 1.25rem;text-align:left;text-transform:uppercase}td,th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color)}td{color:#1e293b;color:var(--text-color);font-size:.9375rem;padding:1.25rem}tr:last-child td{border-bottom:none}tr:hover td{background-color:#fbfcfe}.btn-primary{background-color:#2563eb;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s}.btn-primary:hover{background-color:#1d4ed8;box-shadow:0 4px 6px -1px #2563eb33;transform:translateY(-1px)}.btn-secondary{background-color:#fff;background-color:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;color:#1e293b;color:var(--text-color);cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s}.btn-secondary:hover{background-color:#f8fafc;border-color:#cbd5e1}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ab3;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:9999}.modal-content{animation:modalSlideUp .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:600px;overflow-y:auto;padding:2.5rem;position:relative;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.modal-header h3{color:#0f172a;font-size:1.25rem;font-weight:700}.close-btn{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.close-btn:hover{background:#e2e8f0;color:#ef4444;color:var(--danger-color);transform:rotate(90deg)}.required-star{color:#dc2626!important;margin-left:2px}.dashboard-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:60vh}.dashboard-loading .loading-spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top:3px solid var(--primary-color);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.dashboard-container{animation:fadeInUp .4s ease-out;display:flex;flex-direction:column;gap:1.25rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{background:#fff;background:var(--white);border:1px solid #e2e8f0cc;border-radius:14px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--card-shadow);padding:1.25rem}.header-top{justify-content:space-between;margin-bottom:1rem}.header-title,.header-top{align-items:center;display:flex}.header-title{color:#0f172a;font-size:1rem;font-weight:700;gap:.6rem}.header-icon{color:#2563eb;color:var(--primary-color)}.status-badge{align-items:center;background:#f0fdf4;border-radius:20px;color:#16a34a;display:flex;font-size:.7rem;font-weight:600;gap:.4rem;letter-spacing:.04em;padding:.3rem .75rem;text-transform:uppercase}.status-dot{animation:pulse 2s ease-in-out infinite;background:#16a34a;border-radius:50%;height:6px;width:6px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.period-label{color:#94a3b8;font-size:.75rem;font-weight:600;letter-spacing:.06em;margin-top:.75rem;text-transform:uppercase}.filter-toggle{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;display:none;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease;width:100%}.filter-toggle:hover{background:#f1f5f9;border-color:#cbd5e1}.filter-chevron{transition:transform .2s ease}.filter-chevron.open{transform:rotate(180deg)}.filter-panel{margin-top:1rem}.filter-row{display:flex;gap:.75rem}.filter-group{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex:1 1;gap:.5rem;padding:.5rem .75rem}.filter-icon{color:#2563eb;color:var(--primary-color);flex-shrink:0}.filter-select{background:#0000;border:none;color:#1e293b;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;min-width:0;outline:none;padding:.25rem 0}.filter-select option{background:#fff;color:#475569;font-weight:500}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.stat-card{background:#fff;background:var(--white);border:1px solid #e2e8f0cc;border-radius:14px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.stat-card:hover{box-shadow:0 12px 20px -4px #00000014;transform:translateY(-2px)}.stat-card__header{align-items:center;color:#64748b;display:flex;font-size:.75rem;font-weight:600;gap:.5rem;letter-spacing:.04em;text-transform:uppercase}.stat-card--raw .stat-card__header{color:#059669}.stat-card--finished .stat-card__header{color:#2563eb}.stat-card__body{display:flex;flex-direction:column;gap:.35rem}.stat-value-large{font-size:1.75rem;font-weight:800;letter-spacing:-.02em;line-height:1.1}.stat-unit{font-size:.875rem;margin-left:.25rem}.stat-ton,.stat-unit{color:#94a3b8;font-weight:600}.stat-ton{align-items:center;display:flex;font-size:.8rem;gap:.35rem}.stat-card__footer{border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:.5rem;padding-top:.75rem}.stat-compare{color:#dc2626;font-size:.75rem;font-weight:600;gap:.4rem}.stat-compare,.stat-indicator{align-items:center;display:flex}.stat-indicator{font-size:.8rem;font-weight:700;gap:.25rem}.stat-indicator--success{color:#10b981}.stat-indicator--danger{color:#dc2626}.kpi-grid{grid-gap:.875rem;display:grid;gap:.875rem;grid-template-columns:repeat(4,1fr)}.kpi-card{align-items:flex-start;background:#fff;background:var(--white);border:1px solid #e2e8f0cc;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--card-shadow);display:flex;gap:.875rem;padding:1rem;transition:all .3s ease}.kpi-card:hover{box-shadow:0 8px 16px -4px #00000014;transform:translateY(-2px)}.kpi-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.kpi-icon--green{background:#dcfce7;color:#16a34a}.kpi-icon--blue{background:#dbeafe;color:#2563eb}.kpi-icon--red{background:#fee2e2;color:#dc2626}.kpi-icon--slate{background:#f1f5f9;color:#475569}.kpi-content{display:flex;flex-direction:column;min-width:0}.kpi-label{color:#94a3b8;font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.kpi-label,.kpi-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpi-value{color:#0f172a;font-size:1.1rem;font-weight:800;letter-spacing:-.01em;line-height:1.2}.kpi-sub{color:#94a3b8;font-size:.65rem;font-weight:500}.charts-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1fr}.chart-card{background:#fff;background:var(--white);border:1px solid #e2e8f0cc;border-radius:14px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--card-shadow);padding:1.25rem}.chart-title{color:#0f172a;font-size:.9rem;font-weight:700;margin-bottom:1rem}.chart-container{width:100%}.mobile-menu-btn{padding:.25rem}.mobile-close-btn,.mobile-menu-btn{background:none;border:none;cursor:pointer;display:none}.mobile-close-btn{position:absolute;right:1rem;top:1rem}.mobile-overlay{display:none}table{min-width:600px}.card>div:has(table){-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}div[style*="padding: '0 1rem'"],div[style*="padding: 0 1rem"]{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (max-width:1024px){.sidebar{width:240px}.content-area{padding:1.5rem}}@media (max-width:768px){.sidebar-toggle-btn{display:none!important}.sidebar.collapsed{width:280px}.sidebar.collapsed h2,.sidebar.collapsed p{opacity:1!important;width:auto!important}.sidebar.collapsed .sidebar-nav button span{display:block!important}.app-container{flex-direction:column;height:100vh}.top-bar{gap:.75rem;height:64px;justify-content:flex-start;padding:0 1rem}.top-bar h1{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-btn{align-items:center;display:flex;justify-content:center}.mobile-close-btn{display:block}.sidebar{bottom:0;box-shadow:4px 0 15px #0000001a;left:-280px;position:fixed;top:0;transition:left .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:1000}.sidebar.mobile-open{left:0}.mobile-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0f172a80;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.content-area{padding:1rem 1rem 5rem}.grid{grid-template-columns:1fr}.form-grid{gap:0;grid-template-columns:1fr!important}.card{padding:1rem}.modal-overlay{align-items:flex-end;padding:0}.modal-content{border-radius:20px 20px 0 0;margin:0;max-height:85vh;padding:1.5rem;width:100%}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}.card>div[style*="display: flex"],.card>div[style*="display:flex"]{align-items:flex-start!important;flex-direction:column;gap:1rem}.card>div[style*="display: flex"]>button,.card>div[style*="display:flex"]>button{justify-content:center;width:100%}.expenses-view>div:first-child,.inventory-view>div:first-child,.orders-view>div:first-child,.production-view>div:first-child{align-items:stretch!important;flex-direction:column;gap:1rem}.expenses-view>div:first-child>div:first-child,.inventory-view>div:first-child>div:first-child,.orders-view>div:first-child>div:first-child,.production-view>div:first-child>div:first-child{-webkit-overflow-scrolling:touch;display:flex!important;flex-direction:row!important;overflow-x:auto;padding:.2rem;white-space:nowrap;width:100%}.inventory-view>div:first-child>button,.production-view>div:first-child>button{justify-content:center;width:100%}.dashboard-header{border-radius:12px;padding:1rem}.header-title{font-size:.9rem}.status-badge{font-size:.65rem;padding:.25rem .6rem}.filter-toggle{display:flex}.filter-panel{margin-top:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.filter-panel.open{margin-top:1rem;max-height:200px;opacity:1}.filter-row{flex-direction:column;gap:.6rem}.filter-group{padding:.6rem .75rem}.period-label{display:none}.stats-grid{gap:.875rem;grid-template-columns:1fr}.stat-card{border-radius:12px;padding:1rem}.stat-value-large{font-size:1.5rem}.stat-card__footer{align-items:center;flex-direction:row;justify-content:space-between}.stat-compare{font-size:.7rem}.stat-indicator{font-size:.75rem}.kpi-grid{gap:.75rem;grid-template-columns:1fr 1fr}.kpi-card{border-radius:10px;gap:.6rem;padding:.875rem}.kpi-icon{border-radius:8px;height:36px;width:36px}.kpi-icon svg{height:16px;width:16px}.kpi-value{font-size:.95rem}.kpi-label,.kpi-sub{font-size:.6rem}.charts-grid{gap:.875rem;grid-template-columns:1fr}.chart-card{border-radius:12px;padding:1rem}.chart-title{font-size:.85rem;margin-bottom:.75rem}.dashboard-loading p{font-size:.875rem}}@media (min-width:769px) and (max-width:1024px){.filter-panel{display:block!important}.filter-toggle{display:none!important}.stats-grid{gap:1rem}.kpi-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr 1fr}}.recharts-tooltip-wrapper{outline:none!important;z-index:1000!important}.recharts-default-tooltip{background-color:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a!important;padding:10px!important}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.custom-tooltip-container{cursor:help;position:relative}.custom-tooltip-container:hover .custom-tooltip-text{opacity:1;visibility:visible}.custom-tooltip-text{background-color:#0f172a;border-radius:6px;bottom:130%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#f8fafc;font-size:.75rem;font-weight:500;left:50%;line-height:1.4;max-width:220px;opacity:0;padding:.5rem .75rem;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .2s;visibility:hidden;white-space:normal;width:-webkit-max-content;width:max-content;z-index:1000}.custom-tooltip-text:after{border:5px solid #0000;border-top-color:#0f172a;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.toast-container{bottom:2rem;display:flex;flex-direction:column;gap:.75rem;position:fixed;right:2rem;z-index:9999}@media (max-width:640px){.toast-container{bottom:1rem;left:1rem;right:1rem}.toast-message{max-width:100%}}.toast-message{align-items:center;animation:slideInUp .3s ease-out forwards;background:#fff;border-left:6px solid;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;gap:.75rem;max-width:400px;padding:1rem 1.25rem}.toast-message.error{border-left-color:#ef4444}.toast-message.success{border-left-color:#10b981}.toast-content{display:flex;flex-direction:column}.toast-title{color:#0f172a;font-size:.9rem;font-weight:700;margin-bottom:.25rem}.toast-desc{color:#64748b;font-size:.8rem;line-height:1.4}.toast-close{background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;margin-left:auto;padding:.25rem;transition:all .2s}.toast-close:hover{background:#f1f5f9;color:#0f172a}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.modal-content{padding:1rem!important}.form-grid,.grid{grid-template-columns:1fr!important}.form-grid{gap:1rem}.top-bar h1{font-size:1.1rem}.content-area{padding:1rem}}@media (min-width:769px) and (max-width:1024px){.modal-content{max-width:90vw!important}.form-grid{grid-template-columns:1fr 1fr}}
/*# sourceMappingURL=main.73365eab.css.map*/