:root{--ink:#102a2b;--muted:#718283;--teal:#087e69;--mint:#b9f6d4;--line:#e7eeeb;--bg:#f7faf8;--white:#fff}*{box-sizing:border-box}body,html{padding:0;margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.shell,.sidebar{min-height:100vh;display:flex}.sidebar{width:258px;flex-shrink:0;position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--line);padding:30px 17px;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:3px 10px 42px}.brandmark{width:48px;height:48px;flex-shrink:0;border-radius:15px;background:linear-gradient(135deg,#0ba988,#093a38);display:grid;place-items:center;color:#a9f5bc;font-size:30px;font-weight:900;position:relative}.dots{position:absolute;bottom:5px;left:8px;color:white;font-size:10px;line-height:7px;letter-spacing:2px}.brandname{font-weight:900;font-size:24px;letter-spacing:-1.8px}.brandname span{color:#17b884}.brand small{color:#8a9997;font-size:10px}.navlabel{font-size:10px;font-weight:800;color:#9daea9;letter-spacing:1.6px;padding:0 14px;margin:0 0 13px}.sidebar nav{display:grid;gap:5px}.navitem{border:0;background:transparent;display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 14px;border-radius:12px;font-size:14px;color:#657471;font-weight:600}.navitem.active{background:#e7f7f0;color:#087e69}.nav-arrow{margin-left:auto}.sidebottom{margin-top:auto}.localtag{display:flex;align-items:flex-start;gap:10px;background:#f1f7f3;border:1px solid #e0eee6;border-radius:13px;padding:13px;color:#247b65}.localtag b,.localtag small{display:block}.localtag b{font-size:12px}.localtag small{font-size:10px;margin-top:4px;line-height:1.5}.sidebottom p{font-size:11px;color:#a1afab;padding:12px 10px;line-height:1.6}.main{flex:1;min-width:0}.topbar{height:75px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 43px}.crumb{font-size:13px;color:#96a29f}.crumb span{padding:0 8px;color:#cbd4d0}.crumb strong{color:#2e4844}.phase{font-size:10px;font-weight:800;letter-spacing:1.1px;color:#228b75;background:#e7f7ef;padding:9px 12px;border-radius:40px}.content{max-width:1330px;padding:43px;margin:auto}.heading{margin-bottom:30px}.eyebrow{color:#0d9379;font-size:11px;font-weight:800;letter-spacing:1.8px;margin:0 0 13px}h1{font-size:clamp(28px,4vw,43px);letter-spacing:-1.8px;line-height:1.14;margin:0 0 12px;font-weight:850}h1 em{font-style:normal;color:#149b78}.heading p:last-child{color:#7d8c87;font-size:14px;line-height:1.6;margin:0}.hero{min-height:246px;background:linear-gradient(113deg,#073d39,#116a55 80%,#188b6c);border-radius:23px;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:33px 43px;overflow:hidden;position:relative}.hero>div:first-child{z-index:1}.hero-pill{font-size:10px;letter-spacing:1.4px;color:#b6f5ce;font-weight:800}.hero h2{font-size:clamp(21px,3vw,28px);line-height:1.28;letter-spacing:-.6px;margin:15px 0 10px}.hero p{color:#c0dcd4;font-size:13px;line-height:1.6;max-width:430px}.hero-button{background:#b7efcc;color:#064838;border:0;border-radius:11px;padding:12px 17px;font-size:12px;font-weight:800;display:flex;align-items:center;gap:11px;margin-top:20px}.hero-art{margin-right:30px}.orb{width:177px;height:177px;border-radius:40px;transform:rotate(-13deg);background:linear-gradient(140deg,#69e5b2,#0a775f);box-shadow:0 25px 75px #031f1f88,inset 0 3px 15px #ffffff45;display:grid;place-items:center;color:#e4fff0}.orb svg{transform:rotate(13deg)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0 33px}.panel,.shortcuts button,.stat{background:#fff;border:1px solid #e5efeb;border-radius:17px;box-shadow:0 4px 18px #153f2510}.stat{padding:22px;min-height:153px}.stat-icon{color:#0b9674;background:#e7f8ef;border-radius:11px;width:38px;height:38px;display:grid;place-items:center;margin-bottom:13px}.stat small,.stat span{display:block;color:#8b9a95;font-size:12px}.stat strong{display:block;font-size:28px;letter-spacing:-1px;margin:5px 0}.stat strong.money-stat{font-size:22px}.blocktitle{font-size:17px;margin:0 0 14px}.shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:18px}.shortcuts button{display:flex;align-items:center;gap:13px;padding:20px;text-align:left}.shortcut-icon{width:48px;height:48px;flex-shrink:0;border-radius:13px;display:grid;place-items:center}.mint{background:#e4f7ed;color:#0c9675}.lavender{background:#f0ebff;color:#7d66bd}.shortcuts button span:nth-child(2){flex:1}.shortcuts b,.shortcuts small{display:block}.shortcuts b{font-size:13px}.shortcuts small{font-size:11px;color:#8a9894;margin-top:5px}.shortcuts button>svg{color:#9daca7}.disclaimer{display:flex;align-items:flex-start;gap:9px;color:#80918a;font-size:12px;line-height:1.6;margin-top:19px}.panel{padding:24px;margin-bottom:20px}.panelhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.panelhead h2{font-size:16px;letter-spacing:-.3px;margin:0}.hint,.savehint{font-size:11px;color:#8a9a93}.savehint{display:flex;align-items:center;gap:5px;color:#14997a}.count{font-size:11px;padding:4px 8px;color:#16836e;background:#e5f8ee;border-radius:50px}.ingredient-form{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:12px;align-items:end}label{display:block;font-size:12px;font-weight:700;color:#607470}input:not([type=range]),select{width:100%;height:43px;border:1px solid #e0e9e4;background:#fff;border-radius:10px;padding:0 12px;color:#173c36;outline:0;margin-top:8px;min-width:0}input:focus,select:focus{border-color:#15a784;box-shadow:0 0 0 3px #13aa8820}.primary{display:inline-flex;gap:7px;align-items:center;justify-content:center;background:#087e69;border:0;border-radius:10px;color:#fff;font-size:12px;font-weight:800;padding:13px 15px;min-height:43px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:13px}th{font-size:11px;letter-spacing:.3px;color:#91a199;font-weight:700;padding:14px;border-bottom:1px solid var(--line)}td{padding:17px 14px;border-bottom:1px solid #f0f4f1;color:#586f69}td b{color:#263e37}.teal-text{color:#08866b;font-weight:700}.iconbutton{display:grid;place-items:center;border:0;background:#f5f8f6;border-radius:9px;width:33px;height:33px;color:#9d6869}.recipe-toolbar{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px}.recipe-toolbar>label{min-width:220px}.newrecipe{display:flex;align-items:end;gap:9px}.newrecipe input{margin-top:0}.calc-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,1fr);gap:20px;align-items:start}.fields{display:grid;gap:12px}.fields.two{grid-template-columns:2fr 1fr}.fields.three{grid-template-columns:repeat(3,1fr)}.item-row{display:grid;grid-template-columns:1.5fr 1fr 35px;gap:10px;align-items:end;margin:10px 0}.delete{margin-bottom:4px}.addline{background:#edf8f1;border:1px dashed #9adaba;color:#087e69;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:12px;font-weight:700;font-size:12px;margin-top:16px}.result-card{padding:26px;background:linear-gradient(135deg,#0b4842,#075c4c);border-radius:18px;color:white;margin-bottom:20px}.result-kicker{font-size:10px;color:#a5f1cf;letter-spacing:1.3px;font-weight:800;margin:0 0 25px}.result-card>span{display:block;font-size:13px;color:#c1e5d7}.result-card>strong{font-size:clamp(25px,3vw,35px);letter-spacing:-1px;display:block;margin:7px 0}.result-divider{height:1px;background:#ffffff33;margin:26px 0 19px}.result-line{display:flex;justify-content:space-between;gap:15px;margin:12px 0;font-size:12px}.result-line span{color:#c1ded3}.result-line b{font-size:12px}.pricing>label{margin-bottom:20px}.pricing-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.pricing-stats b,.pricing-stats span{display:block}.pricing-stats span{font-size:10px;color:#879a91}.pricing-stats b{font-size:13px;margin-top:6px}.positive{color:#0b9975}.negative{color:#c14e4e}.target{padding-top:20px}.target>div{display:flex;justify-content:space-between}.target input{width:100%;margin:16px 0;accent-color:#119e80}.target p{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#72887d}.target p strong{color:#0a705d}.secondary{justify-content:center;gap:6px;width:100%;border:1px solid #bce9d3;background:#e8f8ed;border-radius:9px;padding:11px;font-weight:800;font-size:11px;color:#0b826b}.notice,.secondary{display:flex;align-items:center}.notice{gap:10px;background:#e7f6ed;color:#177961;padding:12px 16px;border-radius:10px;margin-bottom:20px;font-size:12px}.notice button{margin-left:auto;border:0;background:transparent;color:inherit}.empty{padding:20px;color:#91a29b;font-size:13px}.hamburger,.mobile-close,.overlay{display:none}@media(max-width:1100px){.sidebar{width:225px}.content{padding:30px}.topbar{padding:0 30px}.ingredient-form{grid-template-columns:repeat(2,1fr)}.ingredient-form .primary{grid-column:span 2}.hero-art{margin-right:0}}@media(max-width:800px){.sidebar{position:fixed;z-index:20;transform:translateX(-100%);transition:transform .2s;width:min(300px,86vw)}.sidebar.open{transform:translateX(0)}.overlay{display:block;position:fixed;inset:0;background:#09231d80;z-index:19;border:0}.mobile-close{display:block;margin-left:auto;background:none;border:0;color:#708b80}.hamburger{display:block;border:0;background:transparent;color:#123f35;padding:0}.topbar{height:63px;justify-content:flex-start;gap:14px}.phase{margin-left:auto}.calc-grid{grid-template-columns:1fr}.content{padding:26px 20px}}@media(max-width:600px){.content{padding:24px 14px}.topbar{padding:0 16px}.heading{margin-bottom:22px}.hero{padding:24px;border-radius:18px;min-height:270px}.hero-art{position:absolute;right:-45px;bottom:-38px;opacity:.45}.orb{width:145px;height:145px}.hero>div:first-child{max-width:270px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:15px;min-height:120px}.stat:last-child{grid-column:span 2}.stat strong{font-size:25px}.stat strong.money-stat{font-size:22px}.shortcuts{grid-template-columns:1fr;gap:10px}.panel{padding:17px}.ingredient-form{grid-template-columns:1fr 1fr}.ingredient-form label:first-child{grid-column:span 2}.recipe-toolbar{display:block}.recipe-toolbar>label{display:block;margin-bottom:12px}.newrecipe{display:grid;grid-template-columns:1fr auto}.fields.three{grid-template-columns:1fr}.fields.two{grid-template-columns:1fr 1fr}.item-row{grid-template-columns:1fr 1fr 33px}.phase{font-size:9px}.crumb{font-size:11px}.panelhead{flex-wrap:wrap}}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:28px 14px;background:radial-gradient(circle at top right,#d9f6e8,transparent 44%),#f6faf7}.auth-panel{width:min(100%,440px);background:white;border:1px solid #e1ece5;border-radius:22px;padding:35px;box-shadow:0 18px 65px #143a2820}.auth-panel.wide{width:min(100%,590px)}.auth-logo{font-size:28px;letter-spacing:-1.3px;font-weight:900;text-decoration:none;color:#173a34;display:inline-block;margin-bottom:35px}.auth-logo span{color:#12a67c}.auth-panel h1{font-size:30px;margin-bottom:10px}.auth-muted{font-size:13px;line-height:1.7;color:#7b8d84;margin:0 0 26px}.auth-panel label{margin:15px 0;display:block}.auth-panel label input{margin-top:8px}.auth-submit{width:100%;margin-top:13px;font-size:13px}.auth-switch{display:block;border:0;background:transparent;color:#087e69;font-weight:700;margin:19px auto 0;font-size:13px}.auth-back{display:block;text-align:center;margin-top:25px;font-size:12px;color:#82958a;text-decoration:none}.auth-error{background:#fff1f1;color:#aa4141;border-radius:10px;padding:11px;font-size:12px}.workspace-success{background:#e5f8ed;border:1px solid #c4edda;color:#166849;border-radius:12px;padding:17px;margin:20px 0;font-size:13px;line-height:1.7}.cloud-screen{min-height:100vh;background:#f7faf8}.cloud-content{max-width:1140px;margin:auto;padding:34px 24px}.cloud-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:44px}.cloud-head>a{gap:8px;color:#166f5d;text-decoration:none;font-size:13px;font-weight:700}.cloud-chip,.cloud-head>a{display:inline-flex;align-items:center}.cloud-chip{gap:6px;background:#e5f6ed;border-radius:30px;padding:9px 13px;color:#168268;font-size:10px;font-weight:800;letter-spacing:.7px}.cloud-alert{padding:13px 15px;margin:15px 0;border-radius:11px;font-size:13px;display:flex;gap:9px;align-items:center}.cloud-alert.error{background:#fff0ee;color:#ad3c35}.cloud-alert.success{background:#e5f8ec;color:#166e52}.cloud-actions{display:flex;align-items:center;gap:6px}.cloud-cancel,.cloud-refresh{border:0;background:#e9f7ef;color:#0e816b;display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:9px;font-size:12px;font-weight:700}.cloud-cancel{margin-top:12px}@media(max-width:600px){.cloud-content{padding:22px 13px}.cloud-head{margin-bottom:30px}.cloud-head>a{font-size:11px}.cloud-chip{font-size:9px}.cloud-content .ingredient-form{grid-template-columns:1fr 1fr}.cloud-content .ingredient-form .primary,.cloud-content .ingredient-form label:first-child{grid-column:span 2}}.toast-layer{position:fixed;inset:0;z-index:100;justify-content:center;pointer-events:none;padding:20px}.center-toast,.toast-layer{display:flex;align-items:center}.center-toast{pointer-events:auto;gap:14px;width:min(100%,420px);background:#fff;border:1px solid #d9eae1;border-radius:18px;box-shadow:0 18px 70px #103d3040;padding:19px 18px;animation:toast-enter .2s ease-out}.center-toast.success .toast-icon{color:#09886b;background:#e2f7ed}.center-toast.error .toast-icon{color:#c14a4a;background:#fff0ef}.toast-icon{height:44px;width:44px;border-radius:13px;display:grid;place-items:center;flex-shrink:0}.toast-copy{display:grid;gap:5px;flex:1;min-width:0}.toast-copy strong{font-size:15px;color:#173b33}.toast-copy span{font-size:12px;line-height:1.55;color:#647e72}.toast-close{border:0;background:#f3f7f5;border-radius:8px;color:#72867d;padding:7px;display:grid;place-items:center}@keyframes toast-enter{0%{transform:translateY(12px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.center-toast{animation:none}}.confirm-backdrop{position:fixed;inset:0;z-index:110;background:rgba(8,30,27,.48);backdrop-filter:blur(4px);display:grid;place-items:center;padding:18px}.confirm-dialog{width:min(100%,410px);background:#fff;border-radius:22px;padding:29px 26px;box-shadow:0 22px 75px #102f2b4d;text-align:center;animation:toast-enter .18s ease-out}.confirm-symbol{width:55px;height:55px;margin:0 auto 17px;border-radius:18px;background:#fff0ed;color:#c45843;display:grid;place-items:center}.confirm-dialog h2{font-size:21px;letter-spacing:-.4px;margin:0 0 10px;color:#173a32}.confirm-dialog p{color:#768980;font-size:13px;line-height:1.65;margin:0 0 25px;overflow-wrap:anywhere}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px}.confirm-actions button{border-radius:11px;padding:13px;font-size:13px;font-weight:800}.confirm-cancel{border:1px solid #dce9e2;background:#f6f9f7;color:#47665b}.confirm-danger{border:1px solid #b74438;background:#b74438;color:#fff}.confirm-actions button:disabled{opacity:.6;cursor:wait}@media(prefers-reduced-motion:reduce){.confirm-dialog{animation:none}}.workspace-shell{display:flex;min-height:100vh;background:#f7faf8}.workspace-sidebar{position:sticky;top:0;height:100vh;width:255px;flex-shrink:0;background:#fff;border-right:1px solid #e4eee8;padding:30px 16px;display:flex;flex-direction:column;z-index:40}.workspace-brand{display:flex;align-items:center;gap:11px;padding:3px 10px 43px}.workspace-symbol{position:relative;display:grid;place-items:center;flex-shrink:0;width:47px;height:47px;border-radius:15px;background:linear-gradient(135deg,#0cb794,#083c36);color:#a3f4bf;font-weight:900;font-size:29px}.workspace-symbol span{position:absolute;left:8px;bottom:6px;font-size:10px;color:#fff;letter-spacing:1px;line-height:7px}.workspace-brand strong{font-size:24px;letter-spacing:-1.6px;color:#122f30}.workspace-brand strong span{color:#13ad83}.workspace-brand small{display:block;color:#8ba39a;font-size:10px;margin-top:1px}.workspace-menu-label{color:#9aad9f;font-size:10px;letter-spacing:1.4px;font-weight:800;padding:0 14px;margin-bottom:13px}.workspace-sidebar nav{display:grid;gap:6px}.workspace-link,.workspace-logout,.workspace-public{display:flex;align-items:center;gap:12px;border:0;text-decoration:none;width:100%;border-radius:12px;padding:13px 14px;font-size:13px;font-weight:700;color:#6d8078;background:transparent;text-align:left}.workspace-link.selected{color:#0e8169;background:#e6f7ee}.workspace-sidebar-bottom{margin-top:auto;border-top:1px solid #edf2ee;padding-top:13px}.workspace-public{color:#167e67}.workspace-logout{cursor:pointer}.workspace-sidebar-bottom>small{display:block;color:#a1b0a7;font-size:10px;padding:22px 13px 0}.workspace-close,.workspace-hamburger,.workspace-screen{display:none}.workspace-body{flex:1;min-width:0}.workspace-topbar{height:75px;background:#fff;border-bottom:1px solid #e4eee8;display:flex;align-items:center;gap:14px;padding:0 37px;color:#9baba2;font-size:13px}.workspace-topbar b{color:#3d5d51}.workspace-topbadge{margin-left:auto;color:#0e9475;font-weight:900;letter-spacing:1.5px;font-size:10px;background:#e7f7ed;border-radius:50px;padding:9px 13px}.workspace-page{max-width:1250px;margin:0 auto;padding:40px 37px}.workspace-banner{display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(112deg,#0a3b37,#0f7058);color:#fff;border-radius:22px;padding:36px 41px;overflow:hidden}.workspace-banner-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;color:#aaf2c9;letter-spacing:1.2px;font-weight:800}.workspace-banner h2{font-size:27px;line-height:1.25;letter-spacing:-.65px;margin:16px 0 9px}.workspace-banner p{font-size:13px;line-height:1.65;color:#cee5da;max-width:420px}.workspace-banner a{display:inline-flex;align-items:center;gap:9px;background:#b6f1cf;color:#0b503d;padding:12px 18px;border-radius:11px;font-size:12px;font-weight:800;text-decoration:none;margin-top:12px}.workspace-banner-figure{width:155px;height:155px;flex-shrink:0;display:grid;place-items:center;border-radius:35px;transform:rotate(-12deg);background:linear-gradient(145deg,#40d8a4,#096d58);box-shadow:0 17px 55px #051c1980;color:#c0ffe0}.workspace-banner-figure svg{transform:rotate(12deg)}.workspace-stats{margin-bottom:34px}.workspace-shortcuts>a{display:flex;align-items:center;gap:14px;padding:20px;text-decoration:none;color:inherit;background:#fff;border:1px solid #e5efeb;border-radius:17px;box-shadow:0 4px 18px #153f2510}.workspace-shortcuts>a>span:nth-child(2){flex:1}.workspace-shortcuts b,.workspace-shortcuts small{display:block}.workspace-shortcuts b{font-size:13px}.workspace-shortcuts small{font-size:11px;color:#82958b;margin-top:5px}.workspace-footnote{color:#8ba198;font-size:11px;margin-top:28px}.onboarding-panel{max-width:560px;margin:25px auto}.onboarding-panel p{color:#758b80;font-size:13px}.onboarding-panel form{display:grid;gap:14px;margin-top:25px}.workspace-body .cloud-screen{background:transparent;min-height:0}.workspace-body .cloud-content{max-width:1250px;padding:40px 37px}.workspace-body .cloud-content>.heading{margin-top:0}@media(max-width:950px){.workspace-sidebar{position:fixed;left:0;transform:translateX(-100%);transition:transform .2s;width:min(285px,85vw)}.workspace-sidebar.visible{transform:translateX(0)}.workspace-screen{display:block;position:fixed;inset:0;border:0;background:#0b2d2877;z-index:39}.workspace-close{display:block;margin-left:auto;border:0;background:none;color:#82968b}.workspace-hamburger{display:grid;place-items:center;border:0;background:none;color:#184538;padding:4px}.workspace-body .cloud-content,.workspace-page{padding:31px 25px}.workspace-topbar{height:65px;padding:0 25px}}@media(max-width:600px){.workspace-body .cloud-content,.workspace-page{padding:24px 14px}.workspace-topbar{padding:0 14px}.workspace-banner{padding:25px;min-height:245px;position:relative}.workspace-banner>div:first-child{z-index:1}.workspace-banner h2{font-size:22px}.workspace-banner-figure{position:absolute;right:-35px;bottom:-45px;opacity:.32}.workspace-shortcuts{grid-template-columns:1fr}.workspace-stats{grid-template-columns:1fr 1fr}.workspace-stats .stat:last-child{grid-column:span 2}}.bulk-saved-panel .bulk-action-cell{vertical-align:middle;min-width:154px}.bulk-row-actions{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:nowrap}.bulk-row-actions .bulk-action-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:34px;min-width:62px;padding:0 12px;margin:0;border:1px solid transparent;border-radius:9px;font:inherit;font-size:12px;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer}.bulk-row-actions .bulk-action-button.view{background:#e7f7ef;color:#087a62}.bulk-row-actions .bulk-action-button.remove{background:#fff1ee;color:#b44b3f}.bulk-row-actions .bulk-action-button:hover{filter:brightness(.96)}.bulk-row-actions .bulk-action-button:focus-visible{outline:2px solid #087a62;outline-offset:2px}.pricing-suggestion{padding:13px 0;margin:13px 0;border-top:1px solid #e1ebe5;border-bottom:1px solid #e1ebe5}.pricing-suggestion>div{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.pricing-suggestion>div>span{font-size:12px;color:#527265}.pricing-suggestion>div b{color:#097d65}.pricing-suggestion label{max-width:190px}.bulk-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.bulk-detail-heading{flex:1 1 200px;min-width:0}.bulk-detail-heading h2{margin:0 0 7px;line-height:1.35;font-size:18px;overflow-wrap:anywhere}.bulk-detail-heading p{margin:0;color:#74877d;font-size:12px}.bulk-detail-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bulk-detail-actions button{min-height:34px;white-space:nowrap}.bulk-detail-actions .cloud-cancel{margin:0}@media(max-width:540px){.bulk-detail-header{display:block}.bulk-detail-actions{margin-top:14px}.bulk-detail-heading{width:100%}}.recipe-price-change{font-size:11px;font-style:italic;line-height:1.55;color:#6c8078;margin-top:5px;white-space:normal}.recipe-price-change span{overflow-wrap:anywhere}.recipe-history-link{display:inline-block;font-size:11px;font-weight:700;color:#087e68;text-decoration:underline;text-underline-offset:3px;margin-top:5px}.history-filters{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:12px}.history-filters label{flex:1 1 230px;min-width:0}.history-filter-buttons{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.history-filter-buttons button{border:1px solid #dce9e2;background:#f7faf8;color:#527568;border-radius:10px;padding:10px 15px;font-size:12px;font-weight:700;cursor:pointer}.history-filter-buttons button.active{background:#e0f5ea;border-color:#9ad8bd;color:#087c61}.history-change-list{display:grid;gap:11px;margin-top:20px}.history-change-item{border:1px solid #e4ede7;border-radius:14px;padding:15px 17px}.history-change-title{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.history-change-title strong{color:#193b32;font-size:14px}.history-change-title span{font-weight:700;font-size:12px;color:#687c71}.history-change-title span.up{color:#b34b40}.history-change-title span.down{color:#087e62}.history-change-prices{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:11px 0 7px;font-size:13px}.history-change-prices>span:first-child{color:#7b8e82}.history-change-prices b{color:#183c32}.history-change-item small{color:#8a9c92;font-size:11px}.workspace-profit-panel{margin-bottom:26px}.workspace-profit-panel .panelhead a{font-size:12px;font-weight:700;color:#087e68;text-decoration:none}.workspace-profit-panel td{vertical-align:middle}.profit-positive{color:#087e68;font-weight:700}.profit-negative{color:#b44840;font-weight:800}.profit-warning{display:block;color:#b44840;font-size:11px;margin-top:4px}.workspace-price-alerts{margin:20px 0 26px}.workspace-price-alerts .panelhead a,.workspace-price-alerts .result-line>a{font-size:12px;font-weight:700;color:#087e68;text-decoration:none}.workspace-price-alerts .result-line{gap:12px}.workspace-price-alerts .result-line>span{min-width:0;overflow-wrap:anywhere}.workspace-price-alerts .result-line>span>b{font-size:13px}.price-alert-note{display:block;font-size:11px;font-style:italic;color:#7a8b81;margin-top:5px;line-height:1.6}.price-alert-impact{display:block;margin-top:4px;color:#486a5d;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.price-impact-line{display:block;margin-top:3px;line-height:1.55}.workspace-price-alerts .result-line>span{color:#25483d}.workspace-price-alerts .result-line>span>b{color:#173b30}.workspace-price-alerts .result-line .price-alert-note{color:#586f63}.workspace-price-alerts .result-line .price-alert-impact,.workspace-price-alerts .result-line .price-impact-line{color:#32614f}.price-direction{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:7px;font-size:17px;font-weight:900;line-height:1;vertical-align:middle;margin-right:5px}.price-direction.up{color:#b43d36;background:#fff0ed}.price-direction.down{color:#087a60;background:#e5f6eb}.price-up-panel .price-impact-line{color:#a23e37!important}.price-down-panel .price-impact-line{color:#13785d!important}.mobile-bottom-nav,.mobile-hpp-entry,.mobile-more-overlay{display:none}@media(max-width:950px){.workspace-hamburger,.workspace-sidebar{display:none!important}.workspace-body{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}.mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:80;background:#fff;border-top:1px solid #deebe4;padding:8px 5px calc(8px + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 24px #082e1b0d}.mobile-nav-item{border:0;background:none;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:7px 2px;border-radius:12px;color:#71887b;text-decoration:none;font-size:10px;font-weight:700;cursor:pointer}.mobile-nav-item.active{background:#e5f7ed;color:#08775f}.mobile-nav-item span{white-space:nowrap}.mobile-more-overlay{display:flex;position:fixed;inset:0;z-index:75;background:#092b2455;align-items:flex-end}.mobile-more-sheet{background:#fff;width:100%;border-radius:22px 22px 0 0;padding:20px 20px calc(95px + env(safe-area-inset-bottom,0px));box-shadow:0 -15px 40px #08291f20}.mobile-more-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;color:#173d31}.mobile-more-header button{border:0;background:#eef5f0;border-radius:10px;padding:8px;display:grid;place-items:center}.mobile-more-sheet>a,.mobile-more-sheet>button{display:flex;align-items:center;gap:13px;padding:15px 8px;text-decoration:none;color:#25483d;background:none;border:0;border-bottom:1px solid #edf2ed;width:100%;font-size:14px;font-weight:700;text-align:left}.mobile-hpp-entry{display:block;margin:16px 0 22px}.mobile-hpp-trigger{display:flex;width:100%;align-items:center;justify-content:center;gap:11px;padding:16px 18px;background:#087e65;color:white;border:0;border-radius:16px;font-size:16px;font-weight:800;box-shadow:0 8px 20px #007b4d20;cursor:pointer}.mobile-hpp-trigger svg:last-child{margin-left:auto}.mobile-hpp-options{margin-top:10px;border:1px solid #deebe3;background:#fff;border-radius:16px;padding:18px;display:grid;gap:13px}.mobile-hpp-options p{font-size:13px;font-weight:800;margin:0}.mobile-hpp-options>a:first-of-type{padding:13px;border-radius:11px;text-decoration:none;background:#e8f6ee;color:#08795f;font-size:13px;font-weight:800}.mobile-hpp-options>a small{display:block;font-size:11px;font-weight:400;margin-top:4px;color:#5e8070}.mobile-hpp-options label{font-size:12px;color:#466c5b}.mobile-hpp-options select{width:100%;margin-top:6px}.mobile-hpp-preview{display:grid;gap:8px;border-top:1px solid #e5eee8;padding-top:12px}.mobile-hpp-preview>div{display:flex;justify-content:space-between;gap:10px;font-size:13px}.mobile-hpp-manage{display:flex;gap:8px;align-items:center;color:#087b62;text-decoration:none;font-size:12px;font-weight:700}}@media(max-width:600px){.workspace-topbar{height:54px}.workspace-banner{display:none}.workspace-stats{margin-bottom:15px}.workspace-profit-panel table,.workspace-profit-panel tbody,.workspace-profit-panel td,.workspace-profit-panel tr{display:block;width:100%}.workspace-profit-panel thead{display:none}.workspace-profit-panel tbody tr{padding:13px 2px;border-bottom:1px solid #e4ece6}.workspace-profit-panel tbody td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:5px 0;font-size:12px}.workspace-profit-panel tbody td:first-child{font-size:14px;margin-bottom:7px}.workspace-profit-panel tbody td:nth-child(2):before{content:"HPP / porsi";color:#718579}.workspace-profit-panel tbody td:nth-child(3):before{content:"Harga jual";color:#718579}.workspace-profit-panel tbody td:nth-child(4):before{content:"Untung / porsi";color:#718579}.workspace-profit-panel tbody td:nth-child(5):before{content:"Margin";color:#718579}.workspace-profit-panel .table-scroll{overflow:visible}}@media(max-width:950px){.workspace-quick-links{display:none}}.mobile-hpp-entry a.mobile-hpp-trigger{text-decoration:none}.hpp-entry-line{padding:15px 0;border-bottom:1px solid #e2ece6;display:grid;gap:12px}.hpp-entry-top{display:flex;align-items:end;gap:10px}.hpp-entry-top label{flex:1;min-width:0}.hpp-entry-top button{flex-shrink:0}.hpp-suggestions{display:grid;gap:4px;border:1px solid #dcebe2;border-radius:12px;padding:5px;background:#fff}.hpp-suggestions button{border:0;background:#f2f9f5;border-radius:8px;padding:10px;text-align:left;font-size:12px;color:#184d3b;cursor:pointer}.hpp-saved-label{font-size:11px;color:#08775f;font-weight:700}.hpp-readonly{display:flex;align-items:center;border:1px solid #e1ebe5;background:#f3f8f5;border-radius:11px;min-height:42px;padding:10px 12px;color:#315b48;font-weight:700;font-size:13px}.ux-accordion-trigger{display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px;text-align:left;border:1px solid #deebe5;border-radius:18px;background:#fff;color:#153c36;padding:19px 22px;margin:14px 0;box-shadow:0 5px 22px #153f2510}.ux-accordion-trigger>span:first-child{min-width:0;display:grid;gap:6px}.ux-accordion-trigger strong{font-size:17px}.ux-accordion-trigger small{font-size:12px;color:#718b80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ux-accordion-trigger>span:last-child{font-size:25px;color:#087e69}.hpp-save-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0}.hpp-save-actions .cloud-cancel{min-height:43px;padding:10px 18px;border:1px solid #c6ded4;border-radius:10px}.ux-fold{padding:18px 22px;overflow:hidden}.ux-fold summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none}.ux-fold summary::-webkit-details-marker{display:none}.ux-fold summary strong{font-size:16px;color:#193b35}.ux-fold summary span{font-size:12px;color:#14866c;white-space:nowrap}.ux-fold summary:after{content:"⌄";color:#0a9273;font-size:20px}.ux-fold[open] summary:after{content:"⌃"}.ux-fold-preview{color:#687e75;font-size:12px;line-height:1.65;margin-top:9px;max-height:63px;overflow:hidden}.ux-fold-preview div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ux-fold[open] .ux-fold-preview{display:none}.ux-fold-detail{margin-top:20px;border-top:1px solid #e7efeb;padding-top:15px}@media(max-width:600px){.workspace-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}.workspace-stats .stat,.workspace-stats .stat:last-child{grid-column:auto!important;min-width:0;padding:10px 8px;min-height:115px;border-radius:13px}.workspace-stats .stat-icon{height:30px;width:30px;margin-bottom:8px}.workspace-stats .stat-icon svg{width:17px;height:17px}.workspace-stats .stat small,.workspace-stats .stat span{font-size:10px;line-height:1.3;overflow-wrap:anywhere}.workspace-stats .stat strong,.workspace-stats .stat strong.money-stat{font-size:clamp(13px,3.8vw,19px);letter-spacing:-.5px;overflow-wrap:anywhere}.ux-fold{padding:16px}.ux-fold summary strong{font-size:14px}.ux-fold summary span{font-size:10px;white-space:normal;text-align:right}.hpp-save-actions .primary{flex:1}}.ux-summary-body{flex:1;min-width:0;display:grid;gap:4px}.ux-fold summary{align-items:flex-start}.ux-fold summary .ux-fold-preview{margin-top:3px}.ux-fold[open] summary .ux-fold-preview{display:none}.workspace-identity{margin-bottom:22px}.workspace-identity h1{font-size:clamp(23px,4vw,34px);overflow-wrap:anywhere;letter-spacing:-.9px}.workspace-identity .workspace-role{display:inline-block;background:#e4f6ed;color:#087e69;border-radius:20px;font-size:11px;font-weight:800;padding:5px 10px;margin-left:8px}.ux-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.ux-mode{min-width:0;border:1px solid #dcebe4;background:white;border-radius:18px;box-shadow:0 4px 14px #173d2d0a;padding:19px;text-align:left;display:grid;gap:6px;color:#153e37;transition:background .15s,border-color .15s}.ux-mode strong{font-size:16px;overflow-wrap:anywhere}.ux-mode small{color:#7d9088;font-size:12px;line-height:1.4}.ux-mode.active{background:#dff5e9;border-color:#5ab89d;color:#057b64;box-shadow:inset 0 0 0 1px #5ab89d25}.ux-mode.active small{color:#397c68}.ux-mode:focus-visible{outline:3px solid #28b898;outline-offset:2px}@media(max-width:600px){.ux-mode-switch{gap:9px}.ux-mode{padding:14px 12px;border-radius:15px}.ux-mode strong{font-size:14px}.ux-mode small{font-size:11px}.workspace-identity .workspace-role{margin-left:4px}}.hpp-result-top{margin-bottom:15px}.hpp-result-top .result-card{margin:0;padding:23px 26px}.hpp-result-top .result-kicker{margin-bottom:14px}.hpp-result-top .result-divider{margin:14px 0}.hpp-three-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.hpp-three-switch .ux-mode{padding:15px 14px}.hpp-step-content [hidden]{display:none!important}.hpp-step-content .panel{margin-bottom:12px}@media(max-width:600px){.hpp-three-switch{gap:7px}.hpp-three-switch .ux-mode{padding:12px 8px;border-radius:12px}.hpp-three-switch .ux-mode strong{font-size:13px}.hpp-three-switch .ux-mode small{font-size:10px}.hpp-result-top .result-card{padding:21px 23px}}.hpp-three-switch{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:100%;align-items:stretch}.hpp-three-switch>.ux-mode{display:flex!important;flex-direction:column;justify-content:center;min-width:0!important;width:100%!important;max-width:none!important;grid-column:auto!important;margin:0!important;padding:12px 8px!important;gap:5px}.hpp-three-switch>.ux-mode strong{font-size:clamp(11px,3.2vw,15px);line-height:1.25}.hpp-three-switch>.ux-mode small{font-size:10px;line-height:1.3;white-space:normal}.hpp-pricing-simulator{margin-top:22px;padding-top:18px;border-top:1px solid #e3ede8}.hpp-pricing-simulator h3{font-size:17px;margin:0 0 8px}.hpp-pricing-simulator>label{display:block;max-width:280px;margin:16px 0}.hpp-pricing-suggestion{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:15px 0}.hpp-pricing-suggestion span{font-size:13px;color:#61776c}.hpp-pricing-suggestion strong{color:#087e69;font-size:19px;display:block;margin-top:5px}.hpp-pricing-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-top:1px solid #e3ede8;margin-top:15px;padding-top:17px}.hpp-pricing-metrics>div{min-width:0}.hpp-pricing-metrics small{display:block;color:#80918a;font-size:11px}.hpp-pricing-metrics strong{display:block;font-size:14px;margin-top:6px;overflow-wrap:anywhere}.hpp-validation{color:#ad4f2b;background:#fff3eb;border:1px solid #f6d3bb;border-radius:10px;padding:10px 14px;font-size:12px;margin:12px 0}.hpp-after-save{border:1px solid #a7dfbf;background:#ecf9ef;border-radius:16px;padding:17px;margin:18px 0;color:#145d48}.hpp-after-save>strong{font-size:16px}.hpp-after-save p{font-size:13px;line-height:1.5}.hpp-after-save>div{display:flex;flex-wrap:wrap;gap:10px}.hpp-after-save a,.hpp-after-save button{display:inline-flex;text-decoration:none;align-items:center;justify-content:center;border:1px solid #0a866c;background:#0a866c;color:white;border-radius:10px;padding:11px 14px;font-size:12px;font-weight:700}.hpp-after-save button{background:white;color:#0a866c}.db-card-list{display:grid;gap:11px}.db-item{border:1px solid #e2ece7;border-radius:15px;background:#fff;overflow:hidden}.db-item summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;padding:17px 14px}.db-item summary::-webkit-details-marker{display:none}.db-item summary span{min-width:0;display:grid;gap:7px}.db-item summary strong{font-size:15px;color:#173b34;overflow-wrap:anywhere}.db-item summary small{font-size:12px;color:#7a8b85}.db-item summary>b{font-size:12px;color:#12866f;white-space:normal;text-align:right;max-width:38%}.db-item-detail{border-top:1px solid #e7efeb;background:#f7fbf9;padding:15px;font-size:13px}.db-item-detail p{margin:7px 0}.db-item-detail a{display:inline-block;color:#087e69;font-weight:700;margin-top:8px}.db-item-detail .cloud-actions{margin-top:13px}.hpp-step-content .hpp-next{display:flex;width:max-content;max-width:100%;margin-top:30px;margin-bottom:10px;min-height:50px;align-items:center;justify-content:center}.hpp-source-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 16px}.hpp-source-options label{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;min-width:0;padding:12px!important;border:1px solid #dceae4;border-radius:13px;background:#f9fcfa;font-size:13px!important;font-weight:650;line-height:1.3;cursor:pointer}.hpp-source-options label:has(input:checked){background:#e3f6eb;border-color:#78c7ab;color:#087e69}.hpp-source-options input[type=radio]{appearance:auto!important;-webkit-appearance:radio!important;display:inline-block!important;width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important;flex:0 0 16px!important;margin:0!important;padding:0!important;box-shadow:none!important;accent-color:#09846d}.hpp-result-top{scroll-margin-top:88px}.db-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:16px 0 18px}.db-quick-action{display:flex;flex-direction:column;gap:6px;text-decoration:none;padding:16px 13px;border:1px solid #cde5dc;border-radius:15px;background:#f1faf6;color:#116b57}.db-quick-action strong{font-size:14px;line-height:1.35}.db-quick-action small{font-size:11px;line-height:1.5;color:#506d62}@media(max-width:370px){.db-quick-actions{grid-template-columns:1fr}}.db-selector{margin:14px 0 20px}.db-modal-backdrop{position:fixed;inset:0;z-index:1100;background:rgba(13,28,37,.55);display:flex;justify-content:center;align-items:center;padding:16px}.db-modal-dialog{background:#fff;color:#18342e;width:min(100%,620px);max-height:calc(100dvh - 36px);overflow-y:auto;overscroll-behavior:contain;border-radius:20px;padding:18px;box-shadow:0 20px 75px rgba(0,0,0,.2)}.db-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.db-modal-head strong{font-size:19px}.db-modal-head button{border:0;background:#eef5f0;border-radius:10px;min-height:36px;min-width:36px;font-size:19px}.db-modal-dialog .calc-grid{display:block}.db-modal-dialog .calc-column{width:100%;max-width:100%}.db-modal-dialog .result-column{display:none}.db-modal-dialog .panel{box-shadow:none;margin:0 0 13px;padding:12px;border:1px solid #e4ebe6}.db-modal-dialog .hpp-save-actions{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0 0}.db-modal-dialog .ingredient-form{display:grid;gap:13px}.db-recipe-new-ingredient{margin-top:15px;padding:15px;border:1px solid #b7d9cd;border-radius:14px;background:#f4faf6;display:grid;gap:12px}.db-recipe-new-ingredient .cloud-actions{display:flex;flex-wrap:wrap;gap:10px}.db-recipe-new-ingredient .cloud-actions button{min-height:43px}.db-smart-row{border:1px solid #e3eee8;border-radius:13px;padding:12px;margin:0 0 12px;display:grid;gap:10px}.db-smart-row-head{display:flex;align-items:center;justify-content:space-between}.db-smart-row-head strong{font-size:13px}.db-smart-row .hpp-suggestions{position:relative;z-index:2}.db-modal-dialog .db-smart-row label{min-width:0}.mobile-bottom-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;align-items:stretch!important}.mobile-bottom-nav>.mobile-nav-item{width:100%!important;min-width:0!important;max-width:none!important;flex:initial!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:10px 2px!important}.mobile-bottom-nav>.mobile-nav-item span{font-size:11px!important;line-height:1.2!important;white-space:nowrap!important;text-align:center!important}.db-modal-error{padding:13px 14px;margin:0 0 14px;border:1px solid #e9a6a6;background:#fff1f0;border-radius:12px;color:#a12626;font-size:13px;font-weight:650;line-height:1.5}@media(min-width:769px){.mobile-bottom-nav{display:none!important}}.mobile-bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2px!important}.mobile-bottom-nav>.mobile-nav-item{padding:8px 1px!important;gap:4px!important}.mobile-bottom-nav>.mobile-nav-item span:not(.mobile-kalkulo-logo):not(.mobile-logo-dot){font-size:10px!important}.mobile-kalkulo-logo{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:11px;background:#087e67;color:white;font-size:22px;font-weight:850;letter-spacing:-2px;line-height:1}.mobile-logo-dot{color:#e3c16c}.mobile-bottom-nav>.mobile-nav-brand.active .mobile-kalkulo-logo{background:#055f50}.bulk-live-result{margin:18px 0 24px;scroll-margin-top:88px}.bulk-history-toggle{margin:24px 0 10px;display:flex}.bulk-history-toggle button{width:100%;justify-content:center;min-height:48px}.bulk-order-fields{display:grid;gap:20px}.bulk-order-fields .fields.two{margin:0;row-gap:18px;align-items:start}.bulk-order-fields .fields.two>div,.bulk-order-fields .fields.two>label{min-width:0}.bulk-order-actions{display:flex;flex-direction:column;align-items:stretch;gap:14px;margin:28px 0 20px}.bulk-order-actions>.primary{margin:0!important;min-height:52px}.bulk-order-actions .bulk-history-toggle{margin:0}.bulk-order-actions .bulk-history-toggle button{min-height:48px}@media(min-width:700px){.bulk-order-actions{max-width:420px}}.kalkulo-minimal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 25px;background:transparent;border:0;min-height:72px}.kalkulo-header-left{display:flex;align-items:center;gap:10px;min-width:0}.kalkulo-header-logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:#143831}.kalkulo-header-logo strong{font-size:22px;font-weight:850;letter-spacing:-1px}.kalkulo-header-logo strong span{color:#0b997c}.kalkulo-header-mark{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#087e67;color:white;font-size:19px;font-weight:850;letter-spacing:-2px}.kalkulo-header-logout{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dce9e2;border-radius:11px;background:#f0f7f3;color:#216f5c;padding:10px 13px;font-size:12px;font-weight:750;min-height:40px}@media(max-width:768px){.kalkulo-minimal-header{padding:12px 18px;min-height:62px}.kalkulo-header-logo strong{font-size:20px}.kalkulo-header-mark{width:29px;height:29px;font-size:17px}}.kalkulo-brand-image{display:block;object-fit:contain;flex-shrink:0;letter-spacing:normal}.kalkulo-header-mark.kalkulo-brand-image{background:transparent;border-radius:9px}.mobile-kalkulo-logo.kalkulo-brand-image{background:transparent;border-radius:10px}.workspace-symbol.kalkulo-brand-image{width:44px;height:44px;border-radius:12px}.kalkulo-dashboard-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:2px 0 24px}.kalkulo-dashboard-actions a{display:flex;align-items:center;justify-content:center;gap:9px;padding:15px 12px;border-radius:14px;background:#e7f5ec;color:#087e69;text-decoration:none;font-size:14px;font-weight:800;border:1px solid #dcece4;min-height:52px}.kalkulo-dashboard-actions a:hover{background:#d8f0e1}.workspace-page .workspace-identity{margin-bottom:26px}.workspace-page .workspace-identity h1{font-size:clamp(27px,4vw,39px);margin-bottom:9px}@media(max-width:650px){.kalkulo-dashboard-actions{gap:10px;margin-bottom:22px}.kalkulo-dashboard-actions a{font-size:12px;padding:13px 7px;gap:6px}.workspace-page .workspace-identity{margin-bottom:20px}}.kalkulo-header-wordmark{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-width:0}.kalkulo-header-wordmark strong{font-size:22px;line-height:1.08;font-weight:850;letter-spacing:-1px;color:#123a33}.kalkulo-header-wordmark strong span{color:#0b997c}.kalkulo-header-wordmark small{font-size:9px;letter-spacing:.25px;line-height:1.2;color:#81948e;white-space:nowrap;font-weight:550}.kalkulo-header-logo,.kalkulo-header-logo:hover{text-decoration:none!important}@media(max-width:390px){.kalkulo-header-wordmark small{font-size:8px;letter-spacing:0}.kalkulo-minimal-header{padding-left:13px;padding-right:13px}.kalkulo-header-logout{padding:9px 10px}}.workspace-page .kalkulo-dashboard-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:8px 0 24px!important}.workspace-page .kalkulo-dashboard-actions>a:link,.workspace-page .kalkulo-dashboard-actions>a:visited{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;min-height:50px!important;padding:12px 10px!important;border:1px solid #cfe9dd!important;border-radius:13px!important;background:#e3f5eb!important;color:#087e69!important;text-decoration:none!important;font-size:13px!important;line-height:1.25!important;font-weight:800!important;box-shadow:0 2px 10px #164b3010!important}.workspace-page .kalkulo-dashboard-actions>a:hover{background:#d2eddd!important;color:#065e50!important}@media(max-width:650px){.workspace-page .kalkulo-dashboard-actions{gap:10px!important;margin:8px 0 22px!important}.workspace-page .kalkulo-dashboard-actions>a{font-size:12px!important}}.kalkulo-minimal-header .kalkulo-header-left{min-width:0;flex:1 1 auto}.kalkulo-minimal-header .kalkulo-header-logo{display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:9px!important;min-width:0;max-width:100%}.kalkulo-minimal-header .kalkulo-header-wordmark{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:3px!important;min-width:0;flex:0 1 auto}.kalkulo-minimal-header .kalkulo-header-wordmark>strong{display:block!important;font-size:21px!important;line-height:1!important;white-space:nowrap!important;margin:0!important}.kalkulo-minimal-header .kalkulo-header-wordmark>small{display:block!important;font-size:8px!important;line-height:1.25!important;letter-spacing:0!important;white-space:nowrap!important;color:#81948e!important;font-weight:500!important;margin:0!important}.kalkulo-minimal-header .kalkulo-header-logout{flex:0 0 auto}@media(max-width:390px){.kalkulo-minimal-header .kalkulo-header-logo{gap:7px!important}.kalkulo-minimal-header .kalkulo-header-wordmark>strong{font-size:19px!important}.kalkulo-minimal-header .kalkulo-header-wordmark>small{font-size:7px!important}.kalkulo-minimal-header .kalkulo-header-logout{padding:9px!important}}@media(max-width:768px){.mobile-bottom-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:stretch!important}.mobile-bottom-nav>.mobile-nav-item{min-width:0!important;min-height:72px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important}.mobile-bottom-nav>.mobile-nav-brand{justify-content:center!important}.mobile-bottom-nav>.mobile-nav-brand .mobile-kalkulo-logo{width:38px!important;height:38px!important;object-fit:contain!important;display:block!important;margin:0 auto!important}}.workspace-brand-home{display:flex;align-items:center;gap:11px;text-decoration:none!important;min-width:0;color:inherit}.workspace-brand-home>span{display:flex;flex-direction:column;min-width:0;gap:2px}.workspace-brand-home strong{line-height:1.1}.workspace-brand-home small{font-size:8px;white-space:nowrap;letter-spacing:0;color:#82998f}.workspace-sidebar .workspace-link{min-height:46px}.workspace-sidebar .workspace-link:hover{background:#eff8f2;color:#087e69}@media(min-width:951px){.workspace-sidebar{width:252px}.workspace-sidebar .workspace-brand{padding-bottom:32px}.kalkulo-minimal-header{justify-content:flex-end;padding:17px 34px;min-height:70px}.kalkulo-minimal-header .kalkulo-header-left{display:none!important}.workspace-page{padding-top:28px}.workspace-body .cloud-content{padding-top:27px}}@media(min-width:701px){.db-modal-dialog{width:min(92vw,680px);padding:24px 26px}.db-modal-dialog .ingredient-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;align-items:start}.db-modal-dialog .ingredient-form>label{min-width:0}.db-modal-dialog .ingredient-form>.hpp-save-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:12px;margin-top:8px}}@media(max-width:700px){.db-modal-dialog .ingredient-form{grid-template-columns:1fr!important;gap:14px}.db-modal-dialog .ingredient-form>.hpp-save-actions{display:flex;flex-wrap:wrap;gap:10px}}.db-ingredient-actions{display:flex!important;align-items:stretch!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:10px!important;margin-top:14px!important}.db-ingredient-actions>button{appearance:none!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important;min-height:40px!important;height:40px!important;padding:0 16px!important;margin:0!important;border:1px solid #dcece4!important;border-radius:11px!important;background:#e8f6ee!important;color:#147c67!important;font-size:13px!important;line-height:1!important;font-weight:750!important;text-decoration:none!important;white-space:nowrap!important}.db-ingredient-actions>button:hover{background:#d9efe3!important}@media(max-width:600px){.db-ingredient-actions{gap:9px!important}.db-ingredient-actions>button{min-height:42px!important;height:42px!important}}@media(min-width:951px){.kalkulo-minimal-header{display:none!important}.workspace-sidebar-bottom .workspace-logout{display:flex!important;align-items:center;gap:11px;width:100%;min-height:46px;padding:12px 14px;border-radius:12px;background:#eef7f1;color:#177561;font-size:13px;font-weight:750}.workspace-sidebar-bottom .workspace-logout:hover{background:#e0f1e7}}.desktop-sidebar-account{display:none}@media(min-width:951px){.desktop-sidebar-account{display:flex;flex-direction:column;gap:4px;padding:12px 14px 15px;min-width:0}.desktop-sidebar-account strong{font-size:13px;font-weight:800;color:#183c34;overflow-wrap:anywhere}.desktop-sidebar-account small{font-size:11px;color:#879b90;line-height:1.4;overflow-wrap:anywhere}}.history-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:22px;padding-top:16px;border-top:1px solid #e3ede7}.history-pagination>span{font-size:12px;color:#82958b}.history-pagination>div{display:flex;align-items:center;gap:12px}.history-pagination strong{font-size:12px;color:#28574b;white-space:nowrap}.history-pagination button{border:1px solid #d9e9df;background:#eaf6ee;color:#167561;border-radius:10px;min-height:38px;padding:8px 12px;font-size:12px;font-weight:700}.history-pagination button:disabled{opacity:.42;cursor:not-allowed}@media(max-width:600px){.history-pagination{justify-content:center}.history-pagination>span{width:100%;text-align:center}.history-pagination>div{width:100%;justify-content:center;gap:8px}.history-pagination button{padding:8px 10px}}.hpp-recipe-source .hpp-source-note{display:block;margin:14px 0 0;padding:11px 13px;border-radius:11px;background:#f2f8f4;color:#57736a;font-size:12px;line-height:1.6}.hpp-recipe-source .hpp-source-note a{color:#087e69;font-weight:750;text-decoration:underline;text-underline-offset:2px}@media(max-width:600px){.hpp-recipe-source .hpp-source-note{font-size:11px;line-height:1.6;padding:10px 12px;margin-top:12px}}.hpp-material-note{margin:0 0 18px!important;padding:11px 13px;background:#f2f8f4;border:1px solid #e0ede5;border-radius:11px;color:#57736a;font-size:12px;line-height:1.6}.hpp-material-note a{color:#087e69;font-weight:750;text-decoration:underline;text-underline-offset:2px}.hpp-material-note strong{font-weight:750;color:#236d5c}@media(max-width:600px){.hpp-material-note{font-size:11px;padding:10px 12px;margin-bottom:16px!important}}.kalkulo-admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 20px}.kalkulo-admin-form label{min-width:0}.kalkulo-admin-actions{grid-column:1/-1;display:flex;justify-content:flex-start;margin-top:5px}.kalkulo-admin-actions .primary{min-height:43px}@media(max-width:700px){.kalkulo-admin-form{grid-template-columns:1fr;gap:15px}.kalkulo-admin-actions .primary{width:100%}}.db-import-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;flex-wrap:wrap}.db-import-actions .cloud-refresh{white-space:nowrap}.db-modal-dialog:has(input[type=file]) .table-scroll{max-width:100%;overflow-x:auto}@media(max-width:640px){.db-import-actions{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.db-import-actions .cloud-refresh{width:auto;max-width:calc(50% - 5px);font-size:12px;padding:10px 12px}}@media(max-width:640px){.panelhead:has(.db-import-actions){display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important}.panelhead:has(.db-import-actions)>h2{width:100%;margin:0!important}.panelhead .db-import-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;width:100%!important;gap:12px!important}.panelhead .db-import-actions .cloud-refresh{width:100%!important;max-width:none!important;min-width:0!important;white-space:nowrap!important;padding:11px 6px!important;font-size:12px!important;text-align:center!important}}.auth-screen.auth-premium{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:36px 18px;background:radial-gradient(ellipse at 10% 8%,#e3f7ed 0,transparent 48%),radial-gradient(ellipse at 90% 85%,#d3f4e5 0,transparent 45%),#f7faf8}.auth-ambient{position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(8px)}.auth-ambient-one{width:380px;height:380px;top:-200px;right:-120px;background:#bcebd43b}.auth-ambient-two{width:300px;height:300px;bottom:-175px;left:-115px;background:#a8e9d13b}.auth-premium .auth-premium-panel{width:min(100%,490px);padding:clamp(28px,5vw,47px);border:1px solid #e5eee9;border-radius:30px;background:#ffffffed;box-shadow:0 28px 80px #173e2c13,0 4px 20px #173e2c08;backdrop-filter:blur(14px)}.auth-brand-lockup{display:flex;align-items:center;gap:15px;text-decoration:none;color:#092b2c;width:fit-content;margin-bottom:42px}.auth-brand-mark{width:66px;height:66px;flex-shrink:0;filter:drop-shadow(0 8px 13px #0a5b4430)}.auth-brand-text{display:flex;flex-direction:column;gap:3px;min-width:0}.auth-brand-text strong{font-size:clamp(32px,7vw,42px);font-weight:900;letter-spacing:-2.5px;line-height:1;color:#082d2e}.auth-brand-text strong span{color:#0ec68b}.auth-brand-text small{font-size:clamp(9px,2.2vw,11px);letter-spacing:1.05px;font-weight:700;color:#718a8c;white-space:nowrap}.auth-premium .auth-intro .eyebrow{font-size:10px;letter-spacing:2.2px;margin-bottom:13px}.auth-premium .auth-intro h1{font-size:clamp(30px,6vw,38px);letter-spacing:-1.5px;margin-bottom:12px}.auth-premium .auth-muted{font-size:14px;line-height:1.75;color:#788b84;margin-bottom:30px}.auth-premium .auth-fields{display:grid;gap:18px}.auth-premium .auth-fields label{margin:0;color:#435d55;font-size:13px;font-weight:800}.auth-premium .auth-fields input{height:54px;border-radius:13px;border:1px solid #dce9e2;background:#fcfefd;padding:0 16px;font-size:15px;margin-top:9px;transition:border-color .2s,box-shadow .2s}.auth-premium .auth-fields input::placeholder{color:#aab9b2}.auth-premium .auth-fields input:focus{border-color:#0d9b79;box-shadow:0 0 0 4px #0d9b7918}.auth-premium .auth-submit{width:100%;min-height:55px;margin-top:28px;border-radius:13px;font-size:15px;background:linear-gradient(115deg,#086c5c,#079779);box-shadow:0 10px 22px #07856824;justify-content:center;gap:14px}.auth-premium .auth-submit span{font-size:19px;line-height:1}.auth-premium .auth-bottom{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:24px}.auth-premium .auth-switch{margin:0;font-size:13px}.auth-premium .auth-back{margin:0;font-size:12px}.auth-footnote{margin:0;font-size:11px;letter-spacing:.3px;color:#82988e}.auth-footnote span{padding:0 6px;color:#0b9e7b}@media(max-width:520px){.auth-screen.auth-premium{justify-content:center;padding:25px 16px;gap:17px}.auth-premium .auth-premium-panel{padding:32px 26px;border-radius:25px}.auth-brand-lockup{gap:12px;margin-bottom:38px}.auth-brand-mark{width:56px;height:56px}.auth-brand-text strong{font-size:35px}.auth-premium .auth-muted{margin-bottom:26px}.auth-premium .auth-fields{gap:17px}}@media(prefers-reduced-motion:reduce){.auth-premium .auth-fields input{transition:none}}