:root{--teal:#123f3a;--teal-2:#1e5a52;--mint:#dcebe5;--cream:#f6f2e9;--paper:#fff;--ink:#1d2927;--muted:#72807d;--line:#e4e9e6;--gold:#c59a55;--red:#a84848;--shadow:0 18px 50px rgba(20,63,58,.08)}*{box-sizing:border-box}html{background:#f4f6f3}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#f4f6f3;font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{background:var(--teal);color:white;padding:28px 22px;position:fixed;inset:0 auto 0 0;width:248px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:12px;margin-bottom:42px}.brand-mark,.hero-mark{display:grid;place-items:center;background:var(--cream);color:var(--teal);font-family:Georgia,serif;font-weight:700;border-radius:50%}.brand-mark{width:40px;height:40px;font-size:23px}.brand b{font-size:17px;letter-spacing:2px}.brand small,.user-card small{display:block;opacity:.62;font-size:10px;letter-spacing:1.5px;margin-top:3px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{padding:12px 14px;border-radius:10px;color:#dbe8e5}.sidebar nav a:hover{background:rgba(255,255,255,.09);color:white}.user-card{display:flex;align-items:center;gap:10px;margin-top:auto;border-top:1px solid rgba(255,255,255,.14);padding-top:20px}.avatar{width:36px;height:36px;border-radius:10px;background:var(--gold);display:grid;place-items:center;font-weight:800}.link-button{border:0;background:none;color:#b9ccc8;padding:12px 0}.main{grid-column:2;padding:0 36px 50px;max-width:1500px;width:100%;margin:auto}.topbar{height:112px;display:flex;align-items:center;gap:18px}.topbar h1{margin:2px 0 0;font-size:27px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--teal-2);margin:0 0 7px}.role-badge{margin-left:auto;background:var(--mint);color:var(--teal);border-radius:20px;padding:8px 13px;font-size:10px;font-weight:800;letter-spacing:1px}.menu-toggle{display:none}.alert{padding:13px 16px;border-radius:10px;margin:0 0 18px;font-weight:600}.alert.success{background:#dff1e7;color:#1d6b48}.alert.error{background:#fae4e4;color:#963f3f}.welcome{background:linear-gradient(120deg,var(--teal),#25685e);border-radius:20px;padding:34px 38px;color:white;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow)}.welcome .eyebrow{color:#a9d4c8}.welcome h2{font-size:26px;margin:6px 0}.welcome p:not(.eyebrow){color:#cfe0dc;margin:0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.stat-grid article{background:white;padding:22px;border-radius:14px;border:1px solid var(--line)}.stat-grid span,.stat-grid small{display:block;color:var(--muted)}.stat-grid strong{font-size:30px;display:block;margin:12px 0 5px}.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:26px;margin-bottom:20px;box-shadow:0 5px 25px rgba(20,50,45,.03)}.panel h2{margin:0 0 16px;font-size:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.panel-head h2{margin:0}.panel-head>a{color:var(--teal-2);font-weight:700}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);padding:11px 12px;border-bottom:1px solid var(--line)}td{padding:14px 12px;border-bottom:1px solid #edf0ee;vertical-align:middle}td small,td a small{display:block;color:var(--muted);margin-top:4px}.status{display:inline-flex;padding:6px 10px;border-radius:20px;font-size:10px;letter-spacing:.5px;font-weight:800;background:#ecefed;color:#61706d}.status.approved{background:#dff1e7;color:#28714d}.status.submitted{background:#fff0d8;color:#9b6820}.status.changes_requested{background:#fae4e4;color:#964646}.status.draft{background:#e8edf3;color:#64758b}.btn{border:0;border-radius:9px;padding:11px 17px;font-weight:750;display:inline-flex;align-items:center;justify-content:center}.btn.primary{background:var(--teal);color:white}.btn.primary:hover{background:var(--teal-2)}.btn.secondary{background:var(--mint);color:var(--teal)}.btn.light{background:white;color:var(--teal)}.btn.danger{background:#f9e5e5;color:var(--red)}.btn.small{padding:8px 12px;font-size:12px}.btn.large{padding:14px 22px}.btn.full{width:100%}.two-col{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:20px}.sticky-card{align-self:start;position:sticky;top:20px}.form-grid{display:grid;gap:15px}.form-grid.cols-2{grid-template-columns:repeat(2,1fr)}.form-grid.cols-3{grid-template-columns:repeat(3,1fr)}.span-2{grid-column:span 2}.form-grid label,.decision-panel label,.login-card label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#42514e}input,select,textarea{width:100%;border:1px solid #dce3e0;border-radius:8px;background:white;padding:11px 12px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--teal-2);box-shadow:0 0 0 3px rgba(30,90,82,.1)}textarea{resize:vertical}.input-pair{display:grid;grid-template-columns:1fr 76px;gap:8px}.muted{color:var(--muted)}.search{max-width:240px}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:var(--cream)}.login-brand{background:linear-gradient(145deg,#0d3834,#1d5c54);color:white;padding:10vw;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-brand:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-150px;bottom:-160px;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.018)}.login-brand .eyebrow{color:#b4d8ce}.login-brand h1{font:500 46px/1.15 Georgia,serif;margin:16px 0}.login-brand>p:last-child{color:#c8dbd6;max-width:500px;line-height:1.7}.hero-mark{width:64px;height:64px;font-size:38px}.login-panel{display:grid;place-items:center;padding:30px}.login-card{background:white;padding:38px;width:min(440px,100%);border-radius:18px;box-shadow:var(--shadow)}.login-card h2{font-size:25px;margin:0 0 8px}.login-card form{display:grid;gap:16px;margin:26px 0}.demo-accounts{display:grid;gap:7px;border-top:1px solid var(--line);padding-top:18px}.demo-accounts button{text-align:left;border:1px solid var(--line);background:#fafbf9;border-radius:9px;padding:10px 12px;color:var(--ink)}.demo-accounts button:hover{border-color:var(--teal-2)}.demo-accounts small{display:block;color:var(--muted);margin-top:3px}.form-section{display:grid;grid-template-columns:50px 1fr;padding:30px}.section-number{font:italic 22px Georgia,serif;color:var(--gold)}.section-body>h2{font-size:23px}.upload-box{border:1px dashed #b9c8c4;border-radius:10px;padding:16px}.upload-box input{border:0;padding:4px 0}.upload-box small{color:var(--muted)}.ingredient-builder{background:#f8faf8;border:1px solid var(--line);border-radius:12px;padding:16px;margin-top:20px}.line-head{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-bottom:10px}.line-head b{color:var(--ink)}.ingredient-row{display:grid;grid-template-columns:minmax(190px,2fr) minmax(80px,.6fr) 48px 90px 30px;gap:8px;align-items:center;margin:8px 0}.line-unit{color:var(--muted);text-align:center}.line-cost{text-align:right;font-size:12px}.remove-row{border:0;background:none;color:#9a5858;font-size:20px}.cost-strip{display:flex;justify-content:flex-end;gap:28px;border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.size-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.size-selector input{display:none}.size-selector span{display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;padding:18px;cursor:pointer}.size-selector b{font-size:18px}.size-selector small{color:var(--muted);margin-top:3px}.size-selector input:checked+span{background:var(--teal);color:white;border-color:var(--teal)}.size-selector input:checked+span small{color:#c9dcd7}.size-recipe{display:none;border-top:1px solid var(--line);padding-top:24px;margin-top:22px}.size-recipe.active{display:block}.recipe-title,.recipe-title>div{display:flex;align-items:center;justify-content:space-between}.recipe-title>div{gap:10px}.recipe-title h3{margin:0;font-size:18px}.size-dot{width:10px;height:10px;border-radius:50%;background:var(--gold)}.recipe-total{background:var(--cream);padding:10px 12px;border-radius:8px}.compact{margin-top:16px}.submit-bar{position:sticky;bottom:16px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 40px rgba(20,63,58,.14);border-radius:14px;padding:15px 18px;margin:22px 0;display:flex;align-items:center;justify-content:space-between;z-index:4}.submit-bar small{display:block;color:var(--muted);margin-top:4px}.folder-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.toolbar-actions{display:flex;gap:10px}.beverage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.beverage-card{background:white;border-radius:15px;overflow:hidden;border:1px solid var(--line);transition:.2s}.beverage-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.beverage-image{height:180px;background:linear-gradient(145deg,#dbece6,#f0e4ce);display:grid;place-items:center;position:relative}.beverage-image img{width:100%;height:100%;object-fit:cover}.beverage-image>span{font:54px Georgia,serif;color:var(--teal)}.beverage-image em{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.88);padding:6px 9px;border-radius:20px;font-size:10px;font-style:normal}.beverage-card-body{padding:18px}.card-top{display:flex;justify-content:space-between;align-items:center}.card-top small,.beverage-card-body p,.card-meta{color:var(--muted)}.beverage-card-body h2{font-size:19px;margin:13px 0 6px}.beverage-card-body p{margin:0}.card-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;margin-top:16px;font-size:11px}.empty{text-align:center;padding:50px;color:var(--muted);grid-column:1/-1}.empty b{font-size:18px;color:var(--ink)}.beverage-hero{background:var(--teal);color:white;border-radius:18px;padding:28px;display:grid;grid-template-columns:190px 1fr;gap:30px;margin-bottom:20px}.beverage-photo{background:linear-gradient(145deg,#dcebe5,#f0e4ce);height:190px;border-radius:13px;overflow:hidden;display:grid;place-items:center}.beverage-photo img{width:100%;height:100%;object-fit:cover}.beverage-photo span{font:60px Georgia,serif;color:var(--teal)}.beverage-intro{align-self:center}.beverage-intro .status{margin-right:8px}.code{color:#acc9c3;font-size:11px}.beverage-intro h2{font:36px Georgia,serif;margin:18px 0 8px}.beverage-intro>p{color:#ccddda}.meta-row{display:flex;gap:36px;margin-top:24px}.meta-row span{font-weight:700}.meta-row small{display:block;color:#9fc1ba;font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}.cost-box{text-align:right;background:var(--cream);padding:10px 14px;border-radius:9px}.cost-box small{display:block;color:var(--muted);font-size:10px}.cost-box b{color:var(--teal);display:block;margin-top:4px}.base-summary{display:grid;grid-template-columns:160px 160px 1fr;gap:14px;background:#f8faf8;padding:16px;border-radius:10px;margin-bottom:16px}.base-summary small{display:block;color:var(--muted);margin-bottom:5px}.recipe-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.recipe-card-head{display:flex;justify-content:space-between}.recipe-card-head h2{font-size:30px}.yield-line{display:flex;justify-content:space-between;background:#f6f8f6;padding:10px 12px;border-radius:8px}.recipe-lines>div{display:grid;grid-template-columns:30px 1fr 75px 75px;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:13px 0}.recipe-lines small{display:block;color:var(--muted);margin-top:3px}.recipe-lines strong{text-align:right}.source-icon{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;background:var(--mint);color:var(--teal);font-size:10px;font-weight:800}.source-icon.base{background:#f4e7cf;color:#8f672c}.recipe-note{background:var(--cream);padding:12px;border-radius:8px}.timeline>div{display:flex;gap:12px;border-left:2px solid var(--mint);padding:0 0 18px 16px;margin-left:5px}.timeline>div>span{width:10px;height:10px;background:var(--teal);border-radius:50%;margin-left:-22px}.timeline p{margin:0}.timeline small{display:block;color:var(--muted);margin-top:4px}.review-list a{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:15px 4px}.review-icon{width:42px;height:42px;background:var(--mint);color:var(--teal);border-radius:11px;display:grid;place-items:center;font:22px Georgia,serif}.review-list small{display:block;color:var(--muted);margin-top:4px}.review-date{color:var(--muted);font-size:12px}.decision-panel{border-top:4px solid var(--gold)}.decision-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}
@media(max-width:1050px){.stat-grid{grid-template-columns:repeat(2,1fr)}.beverage-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.sticky-card{position:static}.recipe-grid{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.main{padding:0 16px 30px}.topbar{height:90px}.menu-toggle{display:block;border:0;background:white;border-radius:8px;padding:8px 10px}.topbar h1{font-size:22px}.role-badge{font-size:8px}.welcome{padding:25px;align-items:flex-start;gap:20px}.welcome h2{font-size:21px}.stat-grid{grid-template-columns:1fr 1fr}.panel{padding:18px}.form-section{grid-template-columns:1fr}.section-number{margin-bottom:12px}.form-grid.cols-2,.form-grid.cols-3{grid-template-columns:1fr}.span-2{grid-column:auto}.size-selector{grid-template-columns:repeat(2,1fr)}.ingredient-row{grid-template-columns:1fr 85px 35px}.ingredient-row .line-unit{display:none}.ingredient-row .line-cost{grid-column:1/3;text-align:left}.cost-strip{display:grid;gap:8px}.submit-bar{position:static;align-items:flex-start;gap:12px}.beverage-grid{grid-template-columns:1fr}.folder-toolbar{align-items:flex-start;gap:10px}.toolbar-actions{width:100%}.beverage-hero{grid-template-columns:1fr;padding:20px}.beverage-photo{height:220px}.beverage-intro h2{font-size:30px}.meta-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.base-summary{grid-template-columns:1fr 1fr}.base-summary .wide{grid-column:1/-1}.login-wrap{grid-template-columns:1fr}.login-brand{padding:50px 28px}.login-brand h1{font-size:35px}.login-panel{padding:20px}.login-card{padding:26px}.recipe-lines>div{grid-template-columns:28px 1fr auto}.recipe-lines>div>strong{grid-column:2/4;text-align:left}.panel-head{align-items:flex-start}.search{max-width:100%}}
.base-card-builder{border:1px solid #dce5e1;border-radius:14px;padding:20px;margin-top:18px;background:#fcfdfc}.base-card-builder+.base-card-builder{margin-top:16px}.base-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.base-card-head>div{display:grid;gap:4px}.base-number{font-size:9px;letter-spacing:1.6px;font-weight:800;color:var(--gold)}.remove-base{border:0;background:#f9e7e7;color:var(--red);border-radius:8px;padding:8px 10px;font-size:11px}.add-base-btn{margin-top:14px}.base-use-builder{background:#fbf7ee;border-color:#eadfc9}.base-use-row{display:grid;grid-template-columns:minmax(190px,2fr) minmax(80px,.6fr) 48px 90px 30px;gap:8px;align-items:center;margin:8px 0}.remove-base-use{border:0;background:none;color:#9a5858;font-size:20px}.base-use-row .line-cost{text-align:right;font-size:12px}@media(max-width:760px){.base-card-builder{padding:14px}.base-use-row{grid-template-columns:1fr 85px 35px}.base-use-row .line-unit{display:none}.base-use-row .line-cost{grid-column:1/3;text-align:left}}