:root{font-family:Arial,Helvetica,sans-serif;color:#073e2a;background:#f4faf4;font-synthesis:none;--green:#00642f;--orange:#ff9205;--line:#dbeadd;--muted:#57766d;--shadow:0 10px 32px #17472c0b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#d5edcf88,transparent 55%),#f4faf4;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer;border:0;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:background .15s,transform .15s}button:hover{filter:brightness(.97)}button:active{transform:translateY(1px)}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible{outline:3px solid #df8809;outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h2{font-size:29px;letter-spacing:-.7px;margin-bottom:0}h3{font-size:22px;letter-spacing:-.4px;margin-bottom:18px}p{line-height:1.6}svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.welcome{min-height:100dvh;display:grid;place-items:center;padding:30px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 110% -15%,#4ca75c99 0,transparent 44%),radial-gradient(ellipse at -15% 120%,#5fb97188 0,transparent 48%)}.welcome:before,.welcome:after{content:'';position:absolute;border:2px solid #ffa521;border-radius:48%;width:80vw;height:40vw;transform:rotate(25deg);z-index:0;pointer-events:none}.welcome:before{top:-31vw;right:-22vw}.welcome:after{bottom:-34vw;left:-10vw}.welcome-card{position:relative;z-index:1;width:min(100%,352px);text-align:center;background:#ffffffed;border-radius:30px;padding:32px 26px;box-shadow:0 20px 60px #286b3210}.welcome-logo{width:120px;border-radius:22px;margin-bottom:18px}.welcome h1{font-size:27px;font-weight:850;letter-spacing:-1.2px;margin-bottom:12px}.welcome h1 span{color:var(--orange)}.welcome p{font-size:16px;color:var(--green);margin-bottom:21px}.primary,.secondary,.orange{border-radius:14px;padding:15px 21px;font-weight:700;font-size:17px;min-height:49px}.primary{color:#fff;background:linear-gradient(120deg,#079547,#00602e)}.secondary{color:var(--green);background:#f2faf1;border:1px solid #badfbc}.orange{color:white;background:linear-gradient(120deg,#ffa11d,#ff8a00)}.welcome button{width:100%;padding:12px 17px;min-height:40px;margin-top:10px;font-size:17px}.welcome button span{font-size:23px}.topbar{background:linear-gradient(110deg,#d2e9d1,#e7f4e1);border-radius:0 0 30px 30px;display:flex;align-items:center;justify-content:space-between;padding:20px max(28px,calc((100vw - 1080px)/2));gap:20px}.topbar img{width:65px;border-radius:14px}.brand{display:flex;flex-direction:column;text-align:center}.brand strong{color:#005625;font-size:42px;line-height:1;font-weight:850;letter-spacing:1px}.brand span{font-size:17px;color:#284b39;margin-top:5px}.icon-button{color:var(--green);background:#e6f2e4;border-radius:12px;min-width:44px;height:44px;font-size:28px}.topbar .icon-button{background:transparent}.topbar .icon-button svg{width:36px;height:36px}main{max-width:1080px;margin:auto;padding:26px 26px 100px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar input,.toolbar select{width:auto;max-width:100%}.card{background:#fff;border-radius:21px;padding:23px;box-shadow:var(--shadow);margin-bottom:18px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.metric{display:flex;gap:15px;align-items:center;background:#fff;border-radius:20px;padding:22px 18px;box-shadow:var(--shadow)}.metric small{font-size:11px;font-weight:750;display:block;margin-bottom:10px;letter-spacing:.5px}.metric strong{font-size:23px;white-space:nowrap;color:#29352f}.bubble{display:grid;place-items:center;background:#dff2d9;color:#08732e;width:55px;height:55px;flex-shrink:0;border-radius:50%}.bubble.orange{background:#fff0d2;color:#ed9700}.bubble.red{background:#ffe0df;color:#e35a57}.bubble.blue{background:#e0efff;color:#278ae7}.bubble.purple{background:#f0e1ff;color:#a44de6}.dash-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.dash-grid .card{margin:0}.chart-wrap{display:flex;align-items:center;justify-content:center;gap:30px;min-height:190px}.donut{width:180px;height:180px;flex-shrink:0;transform:rotate(-90deg)}.donut circle{fill:none;stroke-width:21;stroke-linecap:butt}.legend{display:grid;gap:14px}.legend-row{display:flex;align-items:center;gap:10px;color:#254b38;font-size:14px}.legend-dot{width:13px;height:13px;flex-shrink:0;border-radius:50%}.legend-dot svg{width:13px;height:13px;fill:currentColor;stroke:none}.tint-list{background:#f0f8ed;border-radius:15px;padding:0 16px}.tint-list.orange{background:#fff4e4;color:inherit}.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.list-row:last-child{border:0}.list-row strong{font-size:14px}.shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.shortcut{background:white;border-radius:17px;box-shadow:var(--shadow);padding:16px;text-align:left;justify-content:flex-start;color:#123f2e;font-weight:700}.shortcut .bubble{width:45px;height:45px}.shortcut>span:last-child{margin-left:auto}.item-heading{display:flex;align-items:center;gap:16px;margin-bottom:20px}.item-heading h3{margin:0;flex:1;overflow-wrap:anywhere}.badge{background:#e9f3e5;min-width:48px;height:46px;display:grid;place-items:center;font-size:20px;font-weight:800;border-radius:11px}.item-actions{display:flex;gap:9px}.item-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px}.value-cell{display:flex;flex-direction:column;gap:7px;min-width:0}.value-cell small{color:var(--muted);font-size:13px}.value-cell strong{padding:13px;background:#f0f7ee;border:1px solid #e7f1e4;border-radius:11px;overflow-wrap:anywhere;font-size:16px}.pill{display:inline-block;border-radius:10px;padding:8px 12px;background:#dff4de;color:#146b2d;font-size:12px;font-weight:700}.pill.partial{background:#fff0bf}.pill.pending{background:#ffe2df}.empty{padding:30px 12px;text-align:center;color:var(--muted);line-height:1.6}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fffffff5;border-top:1px solid var(--line);backdrop-filter:blur(12px);display:flex;justify-content:center;gap:12px;padding:12px;z-index:3}.bottom-nav button{background:transparent;color:var(--muted);padding:12px 22px;border-radius:12px;font-weight:650}.bottom-nav button.active{background:#e3f2dd;color:var(--green)}.alert{padding:14px 17px;border-radius:13px;background:#fff2d9;color:#74521e;margin-bottom:18px;font-size:14px;line-height:1.5}.alert button{background:transparent;color:inherit;text-decoration:underline;padding:0}.alert.error{background:#ffebe6;color:#9c3d2d}.alert.success{background:#e6f4df;color:#286229}details{margin-bottom:18px;color:#6b601c;font-size:13px}details ul{line-height:1.8}input,select{width:100%;border:1px solid #d7e8d6;border-radius:11px;background:#f5f9f2;padding:13px;color:#154b37;min-height:46px;outline:none}input:focus,select:focus{border-color:#229653;box-shadow:0 0 0 3px #108e3e16}input:read-only{background:#e9f1e7}label{font-size:12px;font-weight:700;display:grid;gap:8px;text-transform:uppercase;letter-spacing:.3px}dialog{border:0;border-radius:23px;padding:0;width:min(94vw,650px);max-height:92dvh;box-shadow:0 30px 100px #002c2340;color:#0b482e}dialog::backdrop{background:#073b2d66;backdrop-filter:blur(3px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;background:#e5f2df;position:sticky;top:0;z-index:2;gap:12px}.modal-heading h2{font-size:24px}#modal-body{padding:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.form-actions button{flex:1}.form-note{font-size:13px;line-height:1.6;color:var(--muted);margin:0}.calculation{background:#edf7e8;padding:16px;border-radius:12px;margin-top:18px;line-height:1.8;font-size:14px}.recipe-row{display:grid;grid-template-columns:1.5fr .7fr auto;gap:8px;align-items:end;margin-top:12px}.recipe-row label{font-size:11px}#toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);max-width:90vw;border-radius:14px;padding:16px 22px;color:white;background:#075a32;box-shadow:0 8px 35px #0002;z-index:100;font-size:14px}#toast.error{background:#9f392b}.loading{color:#426b53;padding:35px;text-align:center}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:14px 10px;text-align:left;border-bottom:1px solid #e3eddf;white-space:nowrap}th{color:var(--muted);font-size:11px;text-transform:uppercase}.table-scroll{overflow-x:auto}.tiny{font-size:12px;color:var(--muted)}.page-back{background:none;color:var(--green);padding:0;margin-bottom:18px}.danger{color:#9f392b}.split-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.split-summary .card{background:#eff7eb;box-shadow:none;margin:0}.split-summary strong{display:block;font-size:23px;margin-top:8px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.search{max-width:230px}.info-row{margin:8px 0;line-height:1.5}.pending-box{background:#fff2d9;padding:18px;border-radius:14px;margin-bottom:18px}.pending-box button{margin:8px 5px 0 0}.muted{color:var(--muted)}

.search-toolbar{margin-bottom:18px}

#login-form{display:grid;gap:14px;text-align:left}#login-form label{font-size:12px}#login-error{color:#a13627;font-size:13px;line-height:1.5;margin:0}#login-error:empty{display:none}#login-form button{margin-top:0}.welcome #install{margin-top:12px}.topbar #logout{font-size:12px;padding:9px 12px;min-height:36px}