@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--font-family:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-main:#060913;--bg-card:#10172aa6;--bg-card-hover:#17203bd9;--bg-sidebar:#0a0f1ef2;--bg-input:#0f172acc;--border-color:#ffffff14;--border-glow:#00f2fe40;--border-hover:#00f2fe66;--color-primary:#00f2fe;--color-primary-rgb:0, 242, 254;--color-secondary:#9d4edd;--color-secondary-rgb:157, 78, 221;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#f43f5e;--text-main:#f8fafc;--text-muted:#cbd5e1;--text-dark:#94a3b8;--card-shadow:0 8px 32px 0 #0000005e;--glow-shadow:0 0 15px #00f2fe26;--glass-blur:blur(12px);--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--border-radius-sm:8px;--border-radius-md:14px;--border-radius-lg:24px}body.light-theme{--bg-main:#f1f5f9;--bg-card:#ffffffd9;--bg-card-hover:#fffffffa;--bg-sidebar:#fffffff2;--bg-input:#fff;--border-color:#0f172a14;--border-glow:#7c3aed26;--border-hover:#7c3aed59;--color-primary:#0ea5e9;--color-primary-rgb:14, 165, 233;--color-secondary:#7c3aed;--color-secondary-rgb:124, 58, 237;--text-main:#0f172a;--text-muted:#334155;--text-dark:#64748b;--card-shadow:0 10px 25px #0f172a0a;--glow-shadow:0 0 15px #7c3aed0d}body,body *,.card,.sidebar,.nav-item,input,select,textarea,button,table,tr,td,th{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)}.menu-category-header{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dark);-webkit-user-select:none;user-select:none;margin-top:1.25rem;margin-bottom:.5rem;padding-left:1rem;font-size:.72rem;font-weight:800}*{box-sizing:border-box;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);background-image:radial-gradient(circle at 10% 20%,#00f2fe08 0%,#0000 40%),radial-gradient(circle at 90% 80%,#9d4edd0a 0%,#0000 40%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00f2fe4d}.app-container{min-height:100vh;display:flex;position:relative}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-color);width:260px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);z-index:100;height:100vh;transition:var(--transition-smooth);flex-direction:column;padding:1.5rem;display:flex;position:sticky;top:0}.sidebar-logo{letter-spacing:1px;color:var(--text-main);align-items:center;gap:.75rem;margin-bottom:2rem;padding-left:.5rem;font-size:1.4rem;font-weight:800;display:flex}.sidebar-logo span{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.nav-links{flex-direction:column;flex-grow:1;gap:.5rem;list-style:none;display:flex}.nav-item{color:var(--text-muted);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:500;text-decoration:none;display:flex}.nav-item:hover,.nav-item.active{color:var(--text-main);background:#ffffff0d}.nav-item.active{border-left:3px solid var(--color-primary);box-shadow:var(--glow-shadow);background:linear-gradient(90deg,#00f2fe26 0%,#9d4edd0d 100%)}.sidebar-footer{border-top:1px solid var(--border-color);flex-direction:column;gap:.5rem;margin-top:auto;padding-top:1rem;display:flex}.user-info{align-items:center;gap:.75rem;padding:.5rem;display:flex}.user-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.user-details{flex-direction:column;display:flex}.username{color:var(--text-main);font-size:.9rem;font-weight:600}.user-role{color:var(--text-muted);text-transform:uppercase;font-size:.75rem}.logout-btn{color:var(--color-danger);cursor:pointer;border-radius:var(--border-radius-sm);transition:var(--transition-smooth);background:0 0;border:none;align-items:center;gap:.5rem;padding:.75rem;font-weight:500;display:flex}.logout-btn:hover{background:#f43f5e1a}.main-content{flex-grow:1;width:calc(100% - 260px);min-height:100vh;padding:2rem;overflow-y:auto}.page-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.page-title h1{letter-spacing:-.5px;background:linear-gradient(135deg, var(--text-main) 40%, var(--text-muted) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.8rem;font-weight:800}.page-title p{color:var(--text-muted);margin-top:.25rem;font-size:.9rem}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:var(--transition-smooth);padding:1.5rem}.card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--card-shadow), 0 0 20px #00f2fe0d;transform:translateY(-2px)}.card-title{color:var(--text-main);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.1rem;font-weight:600;display:flex}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.metric-card{align-items:center;gap:1.25rem;padding:1.25rem;display:flex}.metric-icon-box{border-radius:var(--border-radius-sm);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.metric-info{flex-direction:column;display:flex}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:500}.metric-value{color:var(--text-main);margin-top:.15rem;font-size:1.5rem;font-weight:700}.btn{border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#060913;box-shadow:0 4px 15px #00f2fe4d}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 20px #00f2fe80}.btn-secondary{border:1px solid var(--border-color);color:var(--text-main);background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-danger{color:var(--color-danger);background:#f43f5e1a;border:1px solid #f43f5e33}.btn-danger:hover{background:var(--color-danger);color:#fff}.table-container{margin-top:1rem;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{color:var(--text-muted);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px;padding:1rem;font-size:.85rem;font-weight:600}td{border-bottom:1px solid var(--border-color);color:var(--text-main);vertical-align:middle;padding:1rem;font-size:.95rem}tr:hover td{background:#ffffff05}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}label{color:var(--text-muted);font-size:.9rem;font-weight:600}input,select,textarea{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--border-radius-sm);transition:var(--transition-smooth);outline:none;width:100%;padding:.75rem 1rem;font-size:.95rem}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 10px #00f2fe26}.grid-2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#060913cc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--border-radius-md);width:90%;max-width:600px;box-shadow:var(--card-shadow);padding:2rem;animation:.3s ease-out modalAppear}@keyframes modalAppear{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.modal-header h2{font-size:1.4rem;font-weight:700}.close-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none}.close-btn:hover{color:#fff}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:50px;align-items:center;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-draft{color:var(--text-muted);background:#94a3b826}.badge-sent{color:var(--color-primary);background:#00f2fe26}.badge-approved{color:var(--color-secondary);background:#9d4edd26}.badge-production{color:var(--color-warning);background:#f59e0b26}.badge-finished{color:var(--color-success);background:#10b98126}.badge-delivered{color:#22c55e;background:#10b98140;border:1px solid #22c55e4d}.login-wrapper{background-color:var(--bg-main);background-image:radial-gradient(circle,#00f2fe0d 0%,#0000 60%),radial-gradient(circle at 10% 10%,#9d4edd0d 0%,#0000 40%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{border-radius:var(--border-radius-lg);background:#0d1223bf;border:1px solid #ffffff14;width:100%;max-width:420px;padding:2.5rem;box-shadow:0 20px 50px #00000080}.login-logo{text-align:center;letter-spacing:1px;margin-bottom:2rem;font-size:2rem;font-weight:800}.login-logo span{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.login-header-text{text-align:center;margin-bottom:1.5rem}.login-header-text h2{color:#fff;font-size:1.3rem;font-weight:700}.login-header-text p{color:var(--text-muted);margin-top:.25rem;font-size:.85rem}.error-message{color:var(--color-danger);border-radius:var(--border-radius-sm);background:#f43f5e26;border:1px solid #f43f5e40;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.85rem;font-weight:600;display:flex}.calc-layout{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:1.5rem;display:grid}@media (width>=1200px){.calc-layout{grid-template-columns:1.15fr .85fr 1fr}}.calc-card-result{box-shadow:var(--glow-shadow), var(--card-shadow);background:linear-gradient(145deg,#10172acc,#0a0f1ee6);border:1px dashed #00f2fe4d;position:sticky;top:2rem}body.light-theme .calc-card-result{background:var(--bg-card);border:1px dashed var(--color-primary)}.price-result-box{text-align:center;border-radius:var(--border-radius-sm);background:#00f2fe08;border:1px solid #00f2fe1a;margin:1rem 0;padding:1.5rem 0}.price-label{color:var(--color-primary);text-transform:uppercase;letter-spacing:1px;font-size:.9rem;font-weight:700}.price-value{color:var(--text-main);text-shadow:0 0 15px #00f2fe66;font-size:3rem;font-weight:800;line-height:1.2}.cost-breakdown{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.breakdown-row{color:var(--text-muted);border-bottom:1px solid #ffffff0a;justify-content:space-between;padding-bottom:.5rem;font-size:.9rem;display:flex}.breakdown-row.total-cost{color:var(--text-main);border-bottom-color:var(--border-color);padding-top:.5rem;font-size:1rem;font-weight:600}.breakdown-row.profit{color:var(--color-success);font-weight:600}@media (width<=1024px){.app-container{flex-direction:column}.sidebar{width:100%;height:auto;padding:1rem;position:relative}.sidebar-logo{margin-bottom:1rem}.menu-category-header{display:none}.nav-links{flex-flow:wrap;gap:.25rem;margin-bottom:1rem}.nav-item{padding:.5rem .75rem;font-size:.85rem}.sidebar-footer{border-top:1px solid var(--border-color);flex-flow:wrap;justify-content:space-between;align-items:center;gap:.75rem;width:100%;margin-top:1rem;padding-top:1rem;display:flex}.sidebar-footer .btn{flex:100%;margin-bottom:.25rem}.sidebar-footer .user-info{flex:auto}.sidebar-footer .logout-btn{flex:none;padding:.5rem}.main-content{width:100%;padding:1rem}.calc-layout{grid-template-columns:1fr}.calc-card-result{position:relative;top:0}.grid-2,.grid-3{grid-template-columns:1fr;gap:1rem}}@media print{body{color:#000!important;background:#fff!important}.app-container{display:block!important}.sidebar,.hide-on-print,.page-header,.sidebar-logo,.nav-links,.sidebar-footer{display:none!important}.main-content::-webkit-scrollbar{display:none!important}.main-content{width:100%!important;margin:0!important;padding:0!important;overflow:visible!important}.card{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:none!important;padding:0!important;transform:none!important}.card:hover{box-shadow:none!important;border-color:#0000!important;transform:none!important}.show-on-print{display:block!important}.show-on-print *{color:#000!important}.metrics-grid{grid-template-columns:repeat(3,1fr)!important;gap:1.5rem!important;margin-bottom:2rem!important;display:grid!important}.metric-card{color:#000!important;background:0 0!important;border:1px solid #000!important;border-radius:4px!important;align-items:center!important;gap:1rem!important;padding:1rem!important;display:flex!important}.metric-icon-box{display:none!important}.metric-info span{color:#000!important}.metric-label{font-size:.75rem!important}.metric-value{color:#000!important;font-size:1.3rem!important;font-weight:700!important}}