:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#193831;background:#f5f8f7}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.65px;color:#579b89}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.auth-brand{background:radial-gradient(circle at 70% 35%,#187b6b 0%,#0b5048 47%,#092d30 100%);padding:48px clamp(28px,6vw,100px);display:flex;flex-direction:column;justify-content:space-between;color:white;min-height:100vh}.brand{display:flex;align-items:center;gap:12px;font-weight:850;font-size:21px;letter-spacing:-.8px}.brand img{width:47px;height:47px;object-fit:contain;background:#fff;border-radius:14px;padding:4px}.brand small{display:block;font-size:10px;letter-spacing:2px;color:#a1e2d1}.hero h1{font-size:clamp(40px,4.8vw,76px);line-height:1.08;letter-spacing:-3px;margin:18px 0 22px}.hero em{font-style:normal;color:#91ebc7}.hero p{color:#c1dfd9;line-height:1.8;font-size:16px;max-width:460px}.hero-features{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.hero-features span{border:1px solid #ffffff35;padding:10px 13px;border-radius:30px;font-size:12px;color:#d9fff0}.hero-footer{font-size:12px;color:#a7c9c1}.auth-side{display:grid;place-items:center;padding:35px;background:#fbfcfc}.auth-card{width:min(100%,430px)}.auth-heading h2{font-size:32px;letter-spacing:-1.3px;margin:12px 0}.auth-heading p{color:#718580;font-size:14px;line-height:1.7;margin-bottom:30px}label{font-size:12px;font-weight:750;color:#42645d;display:flex;flex-direction:column;gap:8px}input,select{background:#fff;border:1px solid #d7e4df;border-radius:10px;padding:13px 14px;color:#163b34;outline:none;width:100%;min-width:0}input:focus,select:focus{border-color:#159d79;box-shadow:0 0 0 3px #159d791a}#authForm{display:grid;gap:17px}.btn{border:0;border-radius:10px;padding:12px 17px;font-weight:750;font-size:13px;white-space:nowrap}.primary{background:#087e65;color:#fff;box-shadow:0 6px 15px #087e651c}.primary:hover{background:#056b56}.light{background:#eaf6f1;color:#08735d}.ghost{background:#ffffff14;color:#e5fff4;border:1px solid #ffffff25}.full{width:100%}.auth-switch{text-align:center;color:#7a8d87;font-size:13px;margin-top:25px}.link-btn{border:0;background:none;color:#087e65;font-weight:800}.plan-note{margin-top:35px;padding:16px;background:#eaf7f1;border:1px solid #d4eee2;border-radius:12px;color:#387866;font-size:12px;text-align:center}.alert{background:#fff3e9;color:#a44e1c;border:1px solid #f2d4b8;padding:12px 16px;border-radius:11px;font-size:13px;margin:15px 0}.alert.ok{background:#e8f7ef;color:#17654d;border-color:#c9e9da}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(170deg,#073f3d,#082f35);color:white;padding:27px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand{font-size:18px;padding:0 9px 32px}.sidebar .brand img{width:41px;height:41px}.sidebar-label{font-size:10px;letter-spacing:1.7px;color:#77aaa4;padding:16px 16px}.sidebar nav{display:grid;gap:5px}.nav-btn{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:transparent;color:#bbd5d1;border:0;border-radius:10px;padding:13px 14px;font-size:14px}.nav-btn span:nth-child(1){flex:1}.nav-btn.active,.nav-btn:hover{background:#0c7f70;color:white}.pro-mini{font-size:9px;background:#cceee0;color:#09664f;border-radius:5px;padding:4px 6px}.sidebar-bottom{margin-top:auto}.account{display:flex;gap:10px;align-items:center;padding:14px 6px}.account>span,.top-avatar{display:grid;place-items:center;background:#c5f2df;color:#08644e;border-radius:50%;width:38px;height:38px;font-weight:800}.account strong{font-size:12px;display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis}.account small{font-size:11px;color:#93c4b8}.main-area{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid #e5eeeb;padding:23px clamp(18px,3.3vw,52px)}.topbar h2{font-size:24px;margin:6px 0 0;letter-spacing:-.8px}.top-actions{display:flex;align-items:center;gap:14px}.pill{display:inline-block;border-radius:20px;padding:7px 12px;font-size:10px;font-weight:850;letter-spacing:.7px;background:#e0f4e9;color:#078363}.pill.soft{background:#edf6f3;color:#609b89}.content{padding:28px clamp(18px,3.3vw,52px);max-width:1550px}.welcome{background:linear-gradient(110deg,#0c685b,#0c9074);color:white;border-radius:18px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.welcome .eyebrow{color:#9ff3d3}.welcome h2{font-size:26px;margin:9px 0;letter-spacing:-.8px}.welcome p{font-size:13px;color:#c9f1e3;margin:0}.welcome .primary{background:#fff;color:#08745d}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat,.panel{background:white;border:1px solid #e5eeeb;border-radius:16px;box-shadow:0 5px 25px #18483b07}.stat{padding:22px}.stat-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;margin-bottom:13px;font-size:20px}.mint{background:#e0f6eb;color:#0d8e67}.blue{background:#e5f0ff;color:#3478bd}.gold{background:#fff4db;color:#b88a20}.stat small{display:block;color:#71857f;font-size:12px}.stat strong{display:block;font-size:29px;letter-spacing:-1px;margin:5px 0}.stat span{font-size:11px;color:#91a19c}.panel{padding:24px;margin-bottom:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.panel h3{margin:0;font-size:18px;letter-spacing:-.4px}.panel-head p{font-size:12px;color:#84958f;margin:5px 0 0}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end;margin-bottom:18px}.form-grid .btn{height:45px}.subhead{display:flex;justify-content:space-between;align-items:center;margin:18px 0;font-weight:750}.recipe-row{display:grid;grid-template-columns:minmax(140px,2fr) minmax(100px,1fr) auto;gap:10px;margin-bottom:9px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{background:#f2f7f5;color:#617e73;font-size:11px;text-transform:uppercase;letter-spacing:.3px}td,th{padding:13px 12px;border-bottom:1px solid #edf1ef}td{color:#34534a}.table-actions{display:flex;gap:6px;flex-wrap:wrap}.btn.sm{font-size:11px;padding:8px 10px}.muted{color:#84958f}.empty{padding:35px;text-align:center;color:#8aa19a}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.metric{padding:16px;border-radius:12px;background:#edf8f3}.metric small{display:block;font-size:11px;color:#5c8978}.metric strong{font-size:18px;display:block;margin-top:7px}.export-links{display:flex;gap:10px;margin-top:16px}.export-links a{color:#08745d;background:#eaf7f1;padding:12px 15px;text-decoration:none;border-radius:10px;font-weight:750;font-size:12px}.admin-help{padding:14px;border-radius:12px;background:#edf8f3;color:#417766;font-size:12px;margin-bottom:18px}@media(max-width:1000px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.auth-shell{grid-template-columns:1fr}.auth-brand{min-height:260px;padding:24px}.auth-brand .hero h1{font-size:34px;letter-spacing:-1px}.hero p,.hero-features,.hero-footer{display:none}.auth-side{padding:35px 20px}.app-shell{display:block}.sidebar{height:auto;position:static;padding:14px}.sidebar .brand{padding-bottom:10px}.sidebar-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:5px}.nav-btn{white-space:nowrap;width:auto;font-size:12px;padding:10px}.nav-btn span:nth-child(1){flex:none}.topbar{padding:18px}.content{padding:14px}.welcome{padding:22px;display:block}.welcome .btn{margin-top:20px}.stat-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.panel{padding:16px}.panel-head{flex-wrap:wrap}.metric-grid{grid-template-columns:1fr 1fr}}
/* v2.5 usability improvements */
.editor-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:18px}.compare-summary{background:#eaf8f3;border:1px solid #bce7d6;border-radius:12px;padding:14px 18px;line-height:1.6;margin-bottom:18px}.table-actions{flex-wrap:wrap}.table-actions .btn{white-space:nowrap}
/* v2.6: compact premium workspaces */
.pro-panel{margin:20px 0;padding:18px;border:1px solid #cbe7df;background:linear-gradient(135deg,#f2fbf7,#fff);border-radius:16px}
.pro-panel .subhead{margin:0 0 8px}
.pro-panel .muted{font-size:13px;color:#60746e;margin:0 0 14px}
.pro-panel .recipe-row{margin:8px 0}
#protools .panel,#importexcel .panel{margin-bottom:20px}
#protools .metric-grid{margin-top:16px}
#importPreview .panel{background:#f4faf7;margin-top:18px}
#importContent input[type=file]{padding:12px;background:#fff;border:1px dashed #9acabd;border-radius:12px}
#proGate,#importGate{padding:22px;background:#f7faf8;border-radius:16px}