:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#183b33;background:#f6f7f3}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}header{background:#fff;border-bottom:1px solid #e8eee9}.head{max-width:1100px;margin:auto;padding:21px 22px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:12px;align-items:center}.logo{display:grid;place-items:center;background:#e3f4dc;border-radius:15px;width:48px;height:48px;font-size:24px}.brand small{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#91a19a}.brand h1{font-size:23px;letter-spacing:-.8px;margin:0}.dot{color:#6ebf4b}.outline{background:#fff;border:1px solid #cfded4;border-radius:13px;padding:10px 16px;color:#1c503e;font-weight:700}main{max-width:1100px;padding:24px 22px 60px;margin:auto}.hero{color:white;background:linear-gradient(120deg,#153e35,#25604a);border-radius:24px;padding:33px 34px 27px;box-shadow:0 14px 28px #143e3220}.hero-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#a5d7a7;margin:0 0 12px}.hero h2{font-size:clamp(24px,4vw,36px);letter-spacing:-1.4px;line-height:1.12;margin:0}.pill{background:#ffffff1d;border:1px solid #ffffff2b;border-radius:50px;padding:8px 13px;font-size:12px;white-space:nowrap;color:#d6ecdf}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:31px}.stats>div{background:#ffffff12;border:1px solid #ffffff19;border-radius:16px;padding:18px}.stats label{display:block;color:#bbdbca;font-size:13px;margin-bottom:10px}.stats strong{font-size:clamp(20px,3vw,30px);letter-spacing:-1px;font-variant-numeric:tabular-nums}.stats button{color:#fff;background:transparent;border:0}.progress{margin-top:22px;background:#ffffff2b;border-radius:100px;height:9px;overflow:hidden}.progress>div{background:#b8eb86;height:100%;width:0;transition:width .2s}.sub{color:#c4ded0;font-size:12px;margin-bottom:0}.controls{padding-top:36px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.dark{color:#60946c;margin-bottom:6px}.section-head h2{font-size:29px;letter-spacing:-1px;margin:0}.section-head h2 span{font-size:15px;color:#8a9c90}.primary{background:#246d4e;color:white;border:0;border-radius:12px;padding:12px 18px;font-weight:750}.primary:hover{background:#1e563f}.filters{display:flex;gap:12px;margin-top:22px}.filters input,.filters select,form input,form select{background:#fff;border:1px solid #dbe5df;border-radius:12px;padding:13px;color:#234238;min-width:0}.filters input{flex:1}.filters select{width:185px}.chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.chip{background:#fff;color:#647e6c;border:1px solid #e0e9e2;border-radius:100px;padding:9px 14px;font-size:13px;font-weight:700}.chip.active{background:#dcebdc;color:#1c6245;border-color:#b9d3b9}.items{margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.item{background:white;border:1px solid #e5ebe6;border-radius:15px;padding:16px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:95px}.item input[type=checkbox]{width:21px;height:21px;accent-color:#2a7854;cursor:pointer}.item h3{margin:0 0 5px;font-size:15px;font-weight:750;overflow-wrap:anywhere}.item.checked h3{text-decoration:line-through;color:#80948b}.item p{margin:0;color:#87968d;font-size:12px}.item .right{text-align:right}.item strong{display:block;font-size:16px;font-variant-numeric:tabular-nums}.item .edit{margin-top:6px;background:transparent;border:0;color:#2b7354;font-size:12px;font-weight:800;padding:2px}.empty{grid-column:1/-1;text-align:center;background:#fff;border:1px dashed #d2dfd6;padding:40px;border-radius:16px;color:#718679}footer{margin-top:30px;text-align:center;color:#8c9b93;font-size:12px}.foot-actions{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:16px}.foot-actions button{background:none;border:0;color:#2b7153;font-weight:700;font-size:12px}dialog{border:0;border-radius:20px;padding:0;box-shadow:0 26px 80px #122d2966;width:min(450px,calc(100% - 30px))}dialog::backdrop{background:#0e221f92}#productForm{padding:24px;display:grid;gap:17px}.modalhead{display:flex;justify-content:space-between;align-items:center}.modalhead h2{margin:0}.close{font-size:26px;border:0;background:none;color:#516e5f}form label{display:grid;gap:7px;font-size:13px;font-weight:700}form input,form select{width:100%}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mark{display:flex;align-items:center;gap:10px}.mark input{width:auto}.modalbuttons{display:flex;justify-content:space-between;gap:12px}.danger{color:#b94343;background:#fff4f4;border:0;border-radius:12px;padding:11px}.hidden{display:none!important}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:11px 20px;border-radius:15px;background:#173c31;color:#fff;display:none;box-shadow:0 6px 30px #0002;z-index:20}@media(max-width:700px){main{padding:16px 12px 50px}.head{padding:16px}.hero{padding:24px 18px}.pill{display:none}.stats{grid-template-columns:1fr 1fr;gap:8px}.stats>div{padding:13px}.stats>div:first-child{grid-column:1/-1}.stats strong{font-size:24px}.items{grid-template-columns:1fr}.section-head h2{font-size:25px}.filters{gap:7px}.filters select{width:138px}.chip{font-size:12px;padding:8px 12px}}

/* Cor dinâmica e paleta circular */
:root{--accent:#246d4e;--accent-dark:#153e35;--accent-light:#dcebdc;--accent-ink:#17462f;--accent-on:#ffffff}
.hero{background:linear-gradient(120deg,var(--accent-dark),var(--accent))}.primary{background:var(--accent);color:var(--accent-on)}.primary:hover{filter:brightness(.9);background:var(--accent)}.chip.active{background:var(--accent-light);color:var(--accent-ink);border-color:var(--accent)}.item input[type=checkbox]{accent-color:var(--accent)}.item .edit,.foot-actions button{color:var(--accent)}.dark{color:var(--accent)}.dot{color:var(--accent)}.logo{background:var(--accent-light)}.outline{color:var(--accent)}.xlsx-button{font-weight:850!important}.header-actions{display:flex;align-items:center;gap:12px}.theme-wrap{position:relative}.theme-btn{background:white;border:1px solid #dce4df;color:#254638;border-radius:13px;padding:10px 12px;display:flex;align-items:center;gap:8px;font-weight:750}.color-ring{width:22px;height:22px;display:inline-block;background:conic-gradient(red,yellow,lime,cyan,blue,magenta,red);border:3px solid white;box-shadow:0 0 0 1px #d6d6d6;border-radius:50%}.theme-panel{position:absolute;right:0;top:calc(100% + 12px);background:white;box-shadow:0 18px 55px #182b2740;border:1px solid #dce4df;border-radius:19px;padding:20px;z-index:15;width:286px;color:#233c31}.theme-panel[hidden]{display:none}.theme-panel strong{font-size:13px;display:block;text-align:center;margin-bottom:16px}.hue-wheel{width:206px;height:206px;border-radius:50%;margin:0 auto 17px;position:relative;cursor:crosshair;touch-action:none;background:conic-gradient(red,yellow,lime,cyan,blue,magenta,red)}.hue-center{position:absolute;inset:29px;background:#fff;border-radius:50%;display:grid;place-items:center;pointer-events:none;box-shadow:0 0 0 2px #fff}.hue-center span{width:99px;height:99px;border-radius:50%;background:var(--accent)}.hue-marker{position:absolute;left:50%;top:0;width:21px;height:21px;background:#fff;border:4px solid #22342b;border-radius:50%;box-shadow:0 2px 5px #0004;transform:translate(-50%,-50%);pointer-events:none}.theme-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.theme-bottom span{font-size:12px;font-weight:800}.theme-bottom button{border:0;background:#eef2ee;color:#234537;border-radius:9px;padding:9px;font-size:12px;cursor:pointer}
@media(max-width:700px){.theme-btn span:last-child{display:none}.header-actions{gap:6px}.theme-btn{padding:10px}.theme-panel{right:-10px;width:276px}}

.new-fair-button{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important;font-weight:700!important}