:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;--brown: #7a4c23;--brown-dark: #2f2318;--brown-light: #f3e8d2;--cream: #f8f4ea;--border: #d7c7ae;--text: #332a1d;--text-muted: #6b5a47;--green: #065f46;--green-bg: #d1fae5;--green-border: #6ee7b7;--red: #991b1b;--red-bg: #fee2e2;--red-border: #fca5a5}*{box-sizing:border-box}html,body{margin:0;height:100%;background:linear-gradient(120deg,var(--brown-light),var(--cream));color:var(--text)}h1{margin:0 0 16px;color:var(--brown);font-size:1.3rem}h2{margin:0}input,select,button{font-family:inherit;font-size:1rem}.shell{display:flex;flex-direction:column;height:100dvh}.sidebar{display:none}.mobile-topbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--brown-dark);z-index:10}.topbar-logo{height:32px;filter:brightness(0) invert(1)}.topbar-right{display:flex;align-items:center;gap:10px}.topbar-user{color:var(--brown-light);font-size:.85rem}.content{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px}.bottom-nav{flex-shrink:0;display:flex;background:var(--brown-dark);border-top:1px solid rgba(255,255,255,.1);z-index:10}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 4px;padding-bottom:max(8px,env(safe-area-inset-bottom));color:#f3e8d280;text-decoration:none;font-size:.62rem;transition:color .15s}.bottom-nav-item.active{color:var(--brown-light)}.bottom-nav-icon{font-size:1.2rem;line-height:1}.bottom-nav-label{white-space:nowrap}@media (min-width: 768px){.shell{flex-direction:row;height:100vh}.sidebar{display:flex;flex-shrink:0}.mobile-topbar,.bottom-nav{display:none}.content{padding:24px}}.sidebar{flex-direction:column;background:var(--brown-dark);color:var(--brown-light);padding:18px 14px;overflow-y:auto}.sidebar-logo{display:block;width:100%;max-width:140px;margin:0 auto 24px;filter:brightness(0) invert(1)}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.nav-item{display:flex;align-items:center;gap:10px;color:#f3e8d2bf;text-decoration:none;padding:9px 10px;border-radius:8px;font-size:.9rem;transition:background .15s,color .15s}.nav-item:hover{background:#ffffff14;color:var(--brown-light)}.nav-item.active{background:#7a4c1766;color:var(--brown-light);font-weight:600}.nav-icon{font-size:1rem;width:20px;text-align:center}.sidebar-footer{padding-top:16px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:8px}.sidebar-user{font-size:.8rem;color:#f3e8d299}button,.btn-primary,.btn-secondary,.btn-danger{border:0;border-radius:8px;padding:10px 16px;cursor:pointer;font-weight:500}.btn-primary{background:var(--brown);color:#fff}.btn-secondary{background:#6c757d;color:#fff}.btn-danger{background:#dc3545;color:#fff}.btn-logout{background:#ffffff1f;color:var(--brown-light);padding:6px 12px;font-size:.85rem;border-radius:6px;border:0;cursor:pointer}.btn-logout:hover{background:#fff3}.btn-small{padding:5px 10px;font-size:.8rem}.card{background:#ffffffbf;border-radius:12px;padding:20px}.form-container{background:#ffffffe6;border:1px solid var(--border);border-radius:10px;padding:20px;margin:16px 0}.form-container h2{color:var(--brown);margin-bottom:16px}label{display:grid;gap:5px;margin-bottom:12px;font-size:.9rem;font-weight:500}input,select{padding:11px 10px;border:1px solid var(--border);border-radius:8px;width:100%;background:#fff}input:focus,select:focus{outline:2px solid var(--brown);outline-offset:-1px}.form-row{display:grid;grid-template-columns:1fr;gap:4px;margin-bottom:12px}@media (min-width: 480px){.form-row{grid-template-columns:130px 1fr;align-items:center}.form-row label{margin:0}}.form-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:20px}.page-header h1{margin:0}.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;border:1px solid var(--border)}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse;min-width:480px}.data-table th,.data-table td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.data-table th{background:#7a4c1714;font-weight:600;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;color:var(--brown)}.data-table tr.low-stock{background:#dc354512}.data-table tr:last-child td{border-bottom:0}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}@media (min-width: 600px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}}.stat-card{background:#ffffff80;padding:14px;border-radius:10px;border:1px solid var(--border)}.stat-card h3{margin:0;color:var(--brown);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.stat-card p{margin:0;opacity:.8}.stat-card-clickable{cursor:pointer;transition:box-shadow .15s,transform .15s;display:flex;flex-direction:column;gap:10px}.stat-card-clickable:hover{box-shadow:0 4px 16px #7a4c1726;transform:translateY(-2px)}.stat-card-alert{border-color:var(--red-border);background:#fee2e280}.stat-card-ok{border-color:var(--green-border);background:#d1fae566}.stat-card-top{display:flex;align-items:center;gap:8px}.stat-icon{font-size:1.1rem}.stat-value{font-size:1.1rem;font-weight:700;margin:0}.stat-value-ok{color:var(--green)}.stat-value-alert{color:var(--red)}.stat-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.stat-list li{font-size:13px;color:#7f1d1d;padding:3px 6px;background:#fecaca66;border-radius:4px}.stat-recipe-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;flex:1}.stat-recipe-list li{display:flex;flex-direction:column;gap:2px}.stat-recipe-name{font-size:11px;color:#8a7060;text-transform:uppercase;letter-spacing:.03em}.stat-recipe-qty{font-size:.95rem;color:var(--text)}.stat-recipe-qty strong{font-size:1.2rem}.stat-recipe-qty em{font-size:11px;font-style:normal;color:#8a7060}.stat-recipe-zero .stat-recipe-qty{color:var(--red)}.stat-empty{color:#999;font-size:14px;margin:0;flex:1}.stat-action{font-size:12px;font-weight:600;color:var(--brown);margin-top:auto;padding-top:8px;border-top:1px solid rgba(215,199,174,.6)}.dashboard-header{margin-bottom:20px}.dashboard-greeting{margin:4px 0 0;color:var(--text-muted);font-size:.9rem}.recipe-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:20px}@media (min-width: 640px){.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}.recipe-card{background:#ffffffeb;border:1px solid var(--border);border-radius:12px;padding:18px;min-width:0;overflow:hidden}.recipe-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.recipe-card-header h2{font-size:1rem;color:var(--text)}.recipe-card-actions{display:flex;gap:6px;flex-shrink:0}.recipe-desc{font-size:13px;color:var(--text-muted);margin:0 0 12px;line-height:1.4}.recipe-yield-label{font-size:13px;color:var(--text-muted);margin:0 0 12px}.recipe-feasibility{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;margin:12px 0}.feasibility-ok{background:var(--green-bg);border:1px solid var(--green-border);color:var(--green)}.feasibility-zero{background:var(--red-bg);border:1px solid var(--red-border);color:var(--red)}.feasibility-number{font-size:2.4rem;font-weight:800;line-height:1;min-width:44px;text-align:center}.feasibility-info{display:flex;flex-direction:column;gap:2px}.feasibility-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.feasibility-units{font-size:1rem;font-weight:700}.recipe-mini-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:8px}.recipe-mini-table th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--brown);padding:6px 8px;text-align:left;border-bottom:2px solid var(--border);white-space:nowrap}.recipe-mini-table td{padding:6px 8px;border-bottom:1px solid #ede4d8;vertical-align:middle}.recipe-mini-table .bottleneck-row{background:#fbbf241f}.recipe-mini-table .bottleneck-tag{color:#b45309;font-size:11px}.recipe-mini-table .cell-zero{color:var(--red);font-weight:700}.yield-inputs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.yield-inputs input{width:auto}.yield-hint{font-size:13px;color:#888}.ingredients-section{margin:16px 0}.ingredients-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.recipe-ing-row{display:grid;grid-template-columns:1fr 70px 40px 32px;gap:6px;align-items:center;margin-bottom:8px}.recipe-ing-row select,.recipe-ing-row input{padding:7px 8px;border:1px solid var(--border);border-radius:6px;font-size:13px;width:100%}.unit-badge{font-size:11px;font-weight:600;color:var(--brown);background:var(--brown-light);border-radius:4px;padding:4px 5px;text-align:center;white-space:nowrap}.empty-hint{font-size:13px;color:#999;margin:6px 0 12px}.production-recipes{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.production-recipe-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#ffffffd9;border:1px solid var(--border);border-radius:10px;flex-wrap:wrap}.production-recipe-info{display:flex;flex-direction:column;gap:2px}.production-recipe-info strong{font-size:.95rem;color:var(--text)}.production-max-hint{font-size:12px;color:#8a7060}.production-recipe-controls{display:flex;align-items:center;gap:8px}.qty-btn{width:36px;height:36px;padding:0;font-size:1.3rem;line-height:1;border-radius:8px;background:var(--brown-light);color:var(--brown);border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center}.qty-btn:disabled{opacity:.35;cursor:default}.qty-input{width:56px;text-align:center;padding:6px 4px;border:1px solid var(--border);border-radius:6px;font-size:1rem;font-weight:600}.production-units-preview{font-size:13px;color:var(--brown);font-weight:600;white-space:nowrap}.consumption-section{margin-top:8px}.consumption-section h3{color:var(--brown);margin:0 0 10px;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.cell-insufficient{color:var(--red);font-weight:700}.cell-ok{color:var(--green);font-weight:600}.production-summary{margin-top:14px;padding:12px 16px;background:var(--brown-light);border-radius:8px;font-size:.9rem}.success-msg{color:var(--green);background:var(--green-bg);border:1px solid var(--green-border);border-radius:8px;padding:10px 14px;margin-top:12px;font-weight:500}.production-history{margin-top:28px;border-top:1px solid var(--border);padding-top:20px}.production-history h3{color:var(--brown);margin:0 0 12px;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.history-item{display:flex;flex-direction:column;gap:4px;padding:10px 14px;background:#ffffffb3;border-radius:8px;border:1px solid #ede4d8}@media (min-width: 480px){.history-item{flex-direction:row;align-items:baseline;gap:16px}}.history-date{font-size:12px;color:#8a7060;white-space:nowrap}.history-detail{font-size:14px;color:var(--text)}.auth-page{min-height:100vh;display:grid;place-items:center;padding:16px}.auth-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:440px}.login-logo{display:block;width:100%;max-width:180px;margin:0 auto 20px}.auth-footer{font-size:.78rem;color:#8a7560;text-align:center}.auth-footer a{color:var(--brown);text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.error{color:#9c1f1f;font-size:.9rem}.centered{min-height:100vh;display:grid;place-items:center}