:root{
  --bg:#0d0f13;--panel:#151922;--panel2:#1b2130;--line:#2b3445;--text:#f2efe7;--muted:#9ca6b5;--accent:#d99839;--accent2:#ffbd66;--danger:#ff6868;--good:#74df9e;--warn:#ffd166;--shadow:0 20px 60px rgba(0,0,0,.35);--radius:18px
}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0%,#2a1b13 0,#0d0f13 35%,#08090c 100%);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh}a{color:var(--accent2);text-decoration:none}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;background:#0e121a;border:1px solid var(--line);border-radius:12px;color:var(--text);padding:12px 13px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(217,152,57,.15)}textarea{min-height:80px;resize:vertical}label{display:flex;gap:7px;flex-direction:column;color:var(--muted);font-size:13px}.app-shell{display:flex;min-height:100vh}.sidebar{width:280px;background:rgba(13,15,19,.88);border-right:1px solid var(--line);padding:22px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:13px;margin-bottom:24px}.brand.big{margin-bottom:26px}.brand-mark{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#ffca7a,#a35a18);display:grid;place-items:center;color:#1a0f07;font-weight:900;box-shadow:0 10px 30px rgba(217,152,57,.28)}.brand-title{font-weight:900;font-size:19px}.brand-sub{font-size:12px;color:var(--muted);margin-top:2px}.nav-link{display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:14px;color:#dfe4ec;margin:4px 0}.nav-link:hover,.nav-link.active{background:linear-gradient(90deg,rgba(217,152,57,.19),rgba(217,152,57,.05));color:#fff}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding-top:16px}.user-chip{background:#0e121a;border:1px solid var(--line);padding:10px 12px;border-radius:12px;margin:6px 0 10px}.logout{color:var(--danger)}.content{margin-left:280px;flex:1;padding:28px;max-width:1500px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.topbar h1{margin:0;font-size:30px}.topbar p{margin:6px 0 0;color:var(--muted)}.mobile-nav{display:none}.card,.stat{background:linear-gradient(180deg,rgba(27,33,48,.95),rgba(18,22,31,.95));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card{margin-bottom:20px}.card h2{margin:0 0 16px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.card-head h2{margin:0}.narrow{max-width:760px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.stat-grid.mini{grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0}.stat span{display:block;color:var(--muted);font-size:13px}.stat strong{display:block;font-size:27px;margin:8px 0}.stat small{color:var(--muted)}.stat.warn{border-color:rgba(255,209,102,.5)}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid.single{grid-template-columns:1fr}.wide-field,.form-grid h2{grid-column:1/-1}.check{flex-direction:row;align-items:center}.check input{width:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:#111721;color:var(--text);padding:11px 14px;border-radius:12px;cursor:pointer;min-height:38px}.btn:hover{border-color:var(--accent);filter:brightness(1.08)}.btn.primary{background:linear-gradient(135deg,#d99839,#8f4d18);border-color:#d99839;color:#180e05;font-weight:800}.btn.ghost{background:transparent}.btn.danger{background:rgba(255,104,104,.14);border-color:rgba(255,104,104,.4);color:#ffd0d0}.btn.tiny{padding:7px 10px;border-radius:10px;min-height:auto;font-size:12px}.btn.full{width:100%}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px}.toolbar input,.toolbar select{max-width:260px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}tr:hover td{background:rgba(255,255,255,.02)}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.actions form{display:inline}.pill{display:inline-flex;padding:5px 9px;border-radius:99px;background:rgba(217,152,57,.15);border:1px solid rgba(217,152,57,.28);font-size:12px}.flash{padding:12px 14px;border-radius:14px;margin:0 0 14px;background:rgba(255,255,255,.06);border:1px solid var(--line)}.flash.success{border-color:rgba(116,223,158,.5);background:rgba(116,223,158,.1)}.flash.danger{border-color:rgba(255,104,104,.5);background:rgba(255,104,104,.1)}.muted{color:var(--muted)}.small{font-size:12px}.center{text-align:center}.good{color:var(--good)!important}.bad{color:var(--danger)!important}.row-warn td{background:rgba(255,209,102,.06)}.hidden-row{display:none}.hidden-row.show-row{display:table-row}.inline-form{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:end}.ingredient-box{border:1px solid var(--line);border-radius:16px;padding:14px;background:rgba(0,0,0,.14)}.ingredient-row{display:grid;grid-template-columns:1fr 150px auto;gap:10px;margin-bottom:10px}.login-body{display:grid;place-items:center;min-height:100vh;padding:20px;background:radial-gradient(circle at top,#382011 0,#11151d 44%,#07080b 100%)}.login-bg{position:fixed;inset:0;background:linear-gradient(120deg,rgba(217,152,57,.12),transparent 38%,rgba(255,255,255,.04));pointer-events:none}.login-card{width:min(440px,100%);background:rgba(20,25,35,.82);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:28px;box-shadow:var(--shadow);backdrop-filter:blur(18px);position:relative}.login-card.wide{width:min(900px,100%)}.login-form{display:grid;gap:14px}.login-card h1{margin:0 0 12px}.login-card h2{grid-column:1/-1;margin:14px 0 0;color:#fff}
@media(max-width:1000px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar-open .sidebar{transform:none;z-index:5}.content{margin-left:0;padding:18px}.mobile-nav{display:inline-flex}.stat-grid,.grid.two,.form-grid.compact{grid-template-columns:1fr 1fr}.inline-form{grid-template-columns:1fr 1fr}.ingredient-row{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar input,.toolbar select{max-width:none}}
@media(max-width:650px){.stat-grid,.grid.two,.form-grid,.form-grid.compact,.inline-form{grid-template-columns:1fr}.topbar{align-items:flex-start}.content{padding:14px}.card,.stat{padding:15px}.actions{display:grid}.login-card{padding:20px}.brand-title{font-size:17px}}

.calc-help{margin-top:14px;padding:12px 14px;border:1px solid rgba(217,152,57,.25);background:rgba(217,152,57,.08);border-radius:14px;color:var(--muted);line-height:1.5}.calc-help strong{color:var(--text)}.calculator-form{align-items:end}
.auto-calc-status{display:flex;align-items:center;justify-content:center;min-height:38px;border:1px dashed rgba(217,152,57,.35);border-radius:12px;color:var(--muted);font-size:13px;background:rgba(217,152,57,.06);padding:10px 12px;text-align:center}