:root{--primary-color:#6366f1;--primary-hover:#4f46e5;--bg-color:#f3f6fa;--surface-color:#ffffffb3;--text-primary:#0f172a;--text-secondary:#475569;--border-color:#e2e8f099;--cogs-color:#f59e0b;--pkg-color:#10b981;--transport-color:#3b82f6;--overhead-color:#8b5cf6;--comm-color:#ec4899;--marketing-color:#f43f5e;--payroll-color:#06b6d4;--admin-color:#64748b;--shadow-sm:0 4px 12px 0 #1f268708;--shadow-md:0 8px 24px -4px #1f26870d, 0 4px 8px -2px #1f268705;--shadow-lg:0 20px 40px -10px #1f26871a;--shadow-glass:0 8px 32px 0 #1f26870d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Outfit,system-ui,-apple-system,sans-serif;line-height:1.6}.app-layout{min-height:100vh;display:flex}.main-content{flex:1;width:calc(100% - 280px);margin-left:280px;padding:2rem}.card{background:var(--surface-color);box-shadow:var(--shadow-glass);-webkit-backdrop-filter:blur(16px);border:1px solid #fffc;border-radius:20px;padding:1.75rem;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}h1,h2,h3{color:var(--text-primary);margin-bottom:.5rem;font-weight:700}p{color:var(--text-secondary)}.input-group{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.input-group label{color:var(--text-primary);font-size:.875rem;font-weight:500}input,select,textarea{color:var(--text-primary);background-color:#fffc;border:1px solid #0000;border-radius:12px;padding:.875rem 1rem;font-size:1rem;transition:all .3s;box-shadow:inset 0 2px 4px #00000005}input:focus,select:focus,textarea:focus{border-color:var(--primary-color);background-color:#fff;outline:none;box-shadow:0 0 0 4px #6366f126}.form-card form{grid-template-columns:1fr 1fr;align-items:start;gap:1rem 1.5rem;display:grid}.form-card form .input-group{margin-bottom:0}.form-card form button[type=submit],.form-card form>div:not(.input-group),.form-card form p{grid-column:1/-1}@media (width<=600px){.form-card form{grid-template-columns:1fr}}.form-card form.sells-form-grid{grid-template-columns:2fr 1fr 1fr;align-items:stretch}.form-card form.sells-form-grid>div:not(.input-group):not(.revenue-box){grid-column:1/-1}.form-card form.sells-form-grid .revenue-box{grid-column:auto}@media (width<=900px){.form-card form.sells-form-grid{grid-template-columns:1fr}}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px -10px #6366f180}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border-color);background-color:#fff9;border-radius:12px;transition:all .3s}.btn-secondary:hover{color:var(--text-primary);box-shadow:var(--shadow-sm);background-color:#fff}.auth-container{background:linear-gradient(135deg,#f6f8fb 0%,#e2e8f0 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{width:100%;max-width:400px;padding:2.5rem}.auth-title{text-align:center;margin-bottom:2rem;font-size:1.75rem}.auth-footer{text-align:center;margin-top:1.5rem;font-size:.875rem}.auth-link{color:var(--primary-color);font-weight:500;text-decoration:none}.auth-link:hover{text-decoration:underline}.sidebar{-webkit-backdrop-filter:blur(20px);width:260px;box-shadow:var(--shadow-glass);z-index:100;background-color:#fff9;border-right:1px solid #fffc;border-radius:24px;flex-direction:column;height:calc(100vh - 2rem);display:flex;position:fixed;top:1rem;bottom:1rem;left:1rem}.sidebar-header{border-bottom:1px solid var(--border-color);padding:2rem 1.5rem}.sidebar-header h2{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.sidebar-header h2 span{color:var(--primary-color)}.user-email{color:var(--text-secondary);word-break:break-all;font-size:.875rem}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;padding:1.5rem 1rem;display:flex}.nav-item{color:var(--text-secondary);border-radius:12px;align-items:center;padding:.875rem 1rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.nav-item .icon{margin-right:.75rem;font-size:1.25rem}.nav-item:hover{color:var(--primary-color);box-shadow:var(--shadow-sm);background-color:#ffffffe6;transform:translate(4px)}.nav-item.active{color:var(--primary-color);background:linear-gradient(135deg,#6366f11a 0%,#4f46e50d 100%);font-weight:600}.sidebar-footer{border-top:1px solid var(--border-color);padding:1.5rem}.btn-logout{border:1px solid var(--border-color);width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;padding:.75rem;font-weight:500;transition:all .2s}.btn-logout:hover{color:#dc2626;background-color:#fee2e2;border-color:#fecaca}.page-container{flex-direction:column;gap:1.5rem;display:flex}.page-header h1{color:var(--text-primary);margin-bottom:.25rem;font-size:2rem}.grid-layout{flex-direction:column;gap:1.5rem;display:flex}.dashboard-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}}.table-responsive{overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th,.data-table td{border-bottom:1px solid var(--border-color);padding:1.25rem 1rem}.data-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;background-color:#0000;padding-bottom:1.5rem;font-size:.75rem;font-weight:700}.data-table tbody tr{transition:all .3s}.data-table tbody tr:hover{background-color:#fff9}.btn-icon{cursor:pointer;opacity:.7;background:0 0;border:none;font-size:1.25rem;transition:opacity .2s}.btn-icon:hover{opacity:1}.badge{border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-outline{border:1px solid var(--text-secondary);color:var(--text-secondary)}.category-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@media (width<=1200px){.category-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.category-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.category-grid{grid-template-columns:1fr}}.category-card{background:var(--surface-color);border:1px solid #fffc;border-top:4px solid var(--cat-color);color:inherit;box-shadow:var(--shadow-glass);-webkit-backdrop-filter:blur(16px);border-radius:20px;align-items:flex-start;gap:1rem;padding:1.75rem;text-decoration:none;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);display:flex}.category-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.cat-icon{background:#00000008;border-radius:12px;padding:.75rem;font-size:2.5rem;line-height:1}.cat-details h3{margin-bottom:.25rem;font-size:1.1rem;font-weight:700;line-height:1.3}.cat-total{color:var(--cat-color);font-size:.95rem;font-weight:600}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:1rem;display:grid}.metric-card{box-shadow:var(--shadow-glass);-webkit-backdrop-filter:blur(16px);border:1px solid #fffc;border-radius:20px;flex-direction:column;justify-content:center;padding:1.75rem 2rem;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);display:flex}.metric-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.metric-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:600}.metric-value{font-size:2.25rem;font-weight:800;line-height:1}.bg-primary-light{background:linear-gradient(135deg,#eef2ffcc 0%,#e0e7ff99 100%)}.bg-danger-light{background:linear-gradient(135deg,#fef2f2cc 0%,#fee2e299 100%)}.bg-success-light{background:linear-gradient(135deg,#ecfdf5cc 0%,#d1fae599 100%)}.text-primary{color:#4338ca}.text-danger{color:#b91c1c}.text-success{color:#047857}.subcategory-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.subcategory-card{border-radius:20px;padding:1.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.subcategory-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}@media (width<=1200px){.subcategory-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.subcategory-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.subcategory-grid{grid-template-columns:1fr}}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background-color:#0f172a80;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{background:#fff;border:1px solid #fffc;border-radius:24px;width:90%;max-width:450px;padding:2.5rem;animation:.3s cubic-bezier(.16,1,.3,1) modalFadeIn;box-shadow:0 25px 50px -12px #00000040}.modal-content h2{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.75rem;font-weight:800}.modal-content .form-group{margin-bottom:1.25rem}.modal-content .form-group label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.modal-content .form-group input{background:var(--bg-color);border:2px solid #0000;border-radius:12px;width:100%;padding:.875rem 1rem;transition:all .2s}.modal-content .form-group input:focus{border-color:var(--primary-color);background:#fff;box-shadow:0 4px 12px #6366f11a}.modal-actions{justify-content:flex-end;gap:1rem;margin-top:2rem;display:flex}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}