:root{--bg:#f5f1e6;--bg-deep:#143d2b;--surface:#fffdf7;--surface-strong:#f0ead7;--text:#172319;--muted:#66705d;--border:#ded5b9;--green:#143d2b;--green-cacao:#436b38;--gold:#d7ae4b;--gold-soft:#f4e5b4;--shadow:0 18px 45px #143d2b24;color:var(--text);background:radial-gradient(circle at top left, #d7ae4b42, transparent 34rem), linear-gradient(180deg, #f8f3e5 0%, var(--bg) 42%, #ece6d6 100%);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}h1,h2,h3,p{margin:0}#root{min-height:100svh}.page{width:min(100% - 24px,1180px);margin:0 auto;padding:20px 0 32px}.app-nav{background:#fffdf7c7;border:1px solid #ded5b9e6;border-radius:18px;gap:8px;margin-bottom:14px;padding:8px;display:flex;overflow-x:auto}.app-nav a{color:var(--green);border-radius:12px;flex:none;padding:10px 13px;font-size:.9rem;font-weight:850;text-decoration:none}.app-nav a:hover,.app-nav a.active{background:var(--gold-soft)}.app-nav a.active{color:#fffdf7;background:var(--green);box-shadow:0 8px 18px #143d2b2e}.header{isolation:isolate;color:#fffdf7;background:linear-gradient(90deg, #05180fe6 0%, #092316b8 42%, #0923164d 100%), linear-gradient(180deg, #05180f47, #05180fd1), url(/hero-cacao-premium.png) center / cover no-repeat, var(--green);border:1px solid #ffffff3d;border-radius:28px;align-items:flex-end;min-height:560px;margin-bottom:18px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 34px 90px #143d2b47,0 12px 32px #372d142e}.header:before{content:"";z-index:-1;background:radial-gradient(circle at 18% 25%,#d7ae4b47,#0000 24rem),linear-gradient(90deg,#00000073,#0000 68%);position:absolute;inset:0}.header:after{content:"";z-index:-1;opacity:.14;background-image:linear-gradient(#ffffff0f 1px,#0000 1px);background-size:100% 42px;position:absolute;inset:0}.hero-content{align-items:end;gap:24px;width:100%;display:grid}.hero-copy{gap:18px;display:grid}.brand-row{align-items:center;gap:14px;display:flex}.brand-mark{width:48px;height:48px;color:var(--green);background:var(--gold);border:1px solid #d7ae4bd1;border-radius:999px;flex:none;place-items:center;font-weight:900;display:inline-grid;box-shadow:0 0 34px #d7ae4b57}.header h1{text-transform:uppercase;letter-spacing:0;text-shadow:0 12px 38px #0000008c;max-width:640px;font-size:clamp(2.75rem,9vw,6.2rem);line-height:.9}.header-summary{color:#fffdf7e6;text-shadow:0 8px 26px #0000007a;max-width:720px;font-size:clamp(1.15rem,2.6vw,2rem);font-weight:650;line-height:1.28}.eyebrow,.card-label{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:800}.status-strip{color:#fff7d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a1f177a;border:1px solid #d7ae4b33;border-radius:18px;gap:8px;width:min(100%,680px);padding:14px;font-size:.9rem;display:grid;box-shadow:0 14px 32px #0000003d}.hero-price-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#fffdf72e,#143d2b47),#0923168f;border:1px solid #d7ae4b7a;border-radius:24px;justify-self:start;gap:12px;width:min(100%,460px);padding:24px;display:grid;box-shadow:0 28px 70px #00000073,inset 0 1px #ffffff29}.hero-price-icon{background:#0a1f1794;border-radius:18px;place-items:center;width:52px;height:52px;font-size:1.65rem;display:inline-grid;box-shadow:0 14px 32px #00000040}.hero-price-card p{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;font-size:.84rem;font-weight:900}.hero-price-card h2{color:#fffdf7;text-shadow:0 10px 28px #0006;font-size:clamp(2rem,5vw,3.2rem);line-height:1}.hero-price-card strong{color:var(--gold);white-space:nowrap;overflow-wrap:normal;text-shadow:0 10px 30px #00000061;font-size:clamp(2.25rem,4.3vw,3.3rem);line-height:.95;display:block}.hero-price-card small{color:#fffdf7c2;font-weight:750}.home-controls{margin-bottom:14px;display:grid}.city-selector{width:min(100%,360px);color:var(--green);gap:7px;font-size:.9rem;font-weight:850;display:grid}.city-selector select{border:1px solid var(--border);min-height:46px;color:var(--text);background:#fffaf0;border-radius:14px;padding:0 12px}.cards-grid{gap:14px;margin-bottom:14px;display:grid}.card,.ranking{background:#fffdf7eb;border:1px solid #ded5b9e6;border-radius:20px;box-shadow:0 12px 32px #372d1414}.card{gap:18px;min-height:190px;padding:20px;display:grid}.card-heading{gap:7px;display:grid}.card h2,.section-heading h2{font-size:1.25rem;line-height:1.15}.card p{color:var(--muted);line-height:1.5}.market-card{border-color:#436b3847}.best-price{color:#fffdf7;background:linear-gradient(145deg, #436b38f0, #143d2bfa), var(--green);border-color:#d7ae4b57}.best-price p{color:#fffdf7b8}.best-price strong{color:var(--gold);margin-bottom:8px;font-size:2.35rem;line-height:1;display:block}.latest-update-card{color:#fffdf7;background:linear-gradient(145deg, #436b38f0, #143d2bfa), var(--green);border-color:#d7ae4b57}.latest-update-card p{color:#fffdf7bd}.update-price-line{gap:5px;display:grid}.update-price-line span{color:#fffdf7a3;font-weight:750;text-decoration:line-through}.update-price-line strong{color:var(--gold);font-size:2rem;line-height:1}.metrics{gap:10px;margin:0;display:grid}.metrics div{background:var(--surface-strong);border-radius:16px;padding:13px}.metrics dt{color:var(--muted);font-size:.78rem;font-weight:700}.metrics dd{color:var(--green);margin:4px 0 0;font-weight:900}.ranking{padding:18px}.section-heading{gap:6px;margin-bottom:16px;display:grid}.section-heading .card-label{color:var(--green-cacao)}.ranking-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ranking-item .buyer p{color:var(--muted);margin-top:2px;font-size:.85rem}.ranking-item{background:#fffaf0;border:1px solid #ded5b9cc;border-radius:16px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:64px;padding:12px;display:grid}.rank{width:34px;height:34px;color:var(--green);background:var(--gold-soft);border-radius:12px;place-items:center;font-weight:900;display:inline-grid}.buyer,.buyer-info{min-width:0}.buyer strong{overflow-wrap:anywhere;display:block}.price{color:var(--green);white-space:nowrap;font-weight:900}.content-grid{gap:14px;margin-bottom:14px;display:grid}.buyer-group{align-content:start}.trust-pill{color:var(--green);background:var(--gold-soft);border-radius:999px;place-self:center start;padding:8px 10px;font-size:.74rem;font-weight:850}.trust-pill.company_confirmed{background:#dcefd3}.trust-pill.admin_updated{background:var(--gold-soft)}.trust-pill.system_estimated{background:#e8e0d0}.feed-list{gap:10px;display:grid}.feed-item{background:#fffaf0;border:1px solid #ded5b9cc;border-radius:16px;gap:12px;padding:14px;display:grid}.feed-item p,.feed-item small{color:var(--muted)}.feed-price{gap:4px;display:grid}.feed-price span{color:var(--muted);font-size:.85rem;font-weight:750;text-decoration:line-through}.feed-price strong{color:var(--green)}.simple-page{gap:14px;display:grid}.page-heading{background:#fffdf7e6;border:1px solid #ded5b9e6;border-radius:22px;gap:12px;padding:22px;display:grid;box-shadow:0 12px 32px #372d1414}.page-heading h1{color:var(--green);font-size:clamp(2rem,7vw,4rem);line-height:1}.page-heading p{color:var(--muted)}.primary-link{color:#fffdf7;background:var(--green);border-radius:14px;justify-self:start;padding:12px 16px;font-weight:850;text-decoration:none}.empty-state{min-height:96px;color:var(--green);background:#f4e5b461;border:1px dashed #436b385c;border-radius:16px;align-content:center;gap:6px;padding:16px;display:grid}.empty-state p{color:var(--muted);line-height:1.45}@media (width>=700px){.page{padding:32px 0 48px}.header{min-height:620px;padding:44px}.status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.cards-grid{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)}.content-grid,.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking{padding:24px}}@media (width>=920px){.hero-content{grid-template-columns:minmax(0,1fr) minmax(430px,470px)}.hero-price-card{justify-self:stretch;margin:0 10px 24px 0}}@media (width<=520px){.page{width:min(100% - 18px,1180px)}.app-nav{border-radius:15px;gap:5px;padding:6px}.app-nav a{border-radius:10px;padding:8px 9px;font-size:.8rem}.header{background-position:top;min-height:680px;padding:20px}.brand-row{align-items:flex-start}.hero-price-card{width:100%;padding:18px}.hero-price-card strong{font-size:clamp(1.7rem,9vw,2.45rem)}.ranking-item{grid-template-columns:34px minmax(0,1fr)}.ranking-item .price{grid-column:2;justify-self:start}}@media (width<=390px){.page{width:min(100% - 18px,1180px)}.header{border-radius:22px;padding:16px}.header h1{font-size:clamp(2.35rem,11vw,2.75rem)}.header-summary{font-size:1.05rem}.status-strip{padding:12px;font-size:.82rem}.hero-price-card{padding:16px}.hero-price-card strong{font-size:clamp(1.65rem,9vw,2.3rem)}}.admin-shell{width:min(100% - 28px,1180px);margin:0 auto;padding:20px 0 36px}.admin-hero{color:#fffdf7;background:linear-gradient(135deg, #143d2bfa, #255234f0), var(--green);box-shadow:var(--shadow);border-radius:24px;gap:18px;padding:22px;display:grid}.admin-hero h1{margin-top:4px;font-size:2rem;line-height:1}.admin-hero p{color:#fffdf7c7;max-width:620px;margin-top:10px}.admin-location{background:#0a1f175c;border-radius:18px;gap:4px;padding:14px;display:grid}.admin-location span,.admin-location small{color:#fffdf7bd}.admin-location strong{color:var(--gold);font-size:1.15rem}.admin-tabs{background:#fffdf7c2;border:1px solid #ded5b9e6;border-radius:18px;grid-template-columns:1fr;gap:8px;margin:16px 0;padding:8px;display:grid}.admin-tabs button,.admin-form button,.ghost-button{cursor:pointer;border:0;border-radius:14px;min-height:44px;font-weight:800}.admin-tabs button{color:var(--green);background:0 0}.admin-tabs button.active{color:#fffdf7;background:var(--green)}.admin-view{gap:14px;display:grid}.admin-feedback{background:#fffdf7f0;border:1px solid #ded5b9e6;border-radius:16px;margin:0 0 14px;padding:12px 14px;font-weight:800}.admin-feedback.success{color:var(--green)}.admin-feedback.error{color:#8a2c20}.admin-toast{z-index:30;max-width:min(360px,100% - 32px);box-shadow:var(--shadow);background:#fffdf7fa;border:1px solid #ded5b9e6;border-radius:16px;margin:0;padding:13px 16px;font-weight:900;position:fixed;bottom:16px;right:16px}.admin-toast.success{color:var(--green)}.admin-toast.error{color:#8a2c20}.admin-grid{gap:14px;display:grid}.admin-card{background:#fffdf7f0;border:1px solid #ded5b9e6;border-radius:20px;gap:14px;padding:18px;display:grid;box-shadow:0 12px 32px #372d1414}.admin-card .card-label{color:var(--green-cacao)}.admin-card-strong{color:#fffdf7;background:linear-gradient(145deg, var(--green-cacao), var(--green));border-color:#d7ae4b66}.admin-card-strong .card-label,.admin-card-strong .admin-number{color:var(--gold)}.admin-card-strong p{color:#fffdf7c2}.admin-number{color:var(--green);font-size:2.1rem;line-height:1}.admin-form label{color:var(--green);gap:7px;font-size:.9rem;font-weight:800;display:grid}.admin-form input,.admin-form select{border:1px solid var(--border);width:100%;min-height:46px;color:var(--text);background:#fffaf0;border-radius:14px;padding:0 12px}.admin-form input:focus,.admin-form select:focus{border-color:var(--gold);outline:3px solid #d7ae4b61}.admin-form button{color:#fffdf7;background:var(--green);padding:0 16px}.admin-form button:disabled,.admin-form select:disabled{cursor:not-allowed;opacity:.58}.ghost-button{color:var(--green);background:var(--gold-soft);padding:0 14px}.danger-button{color:#fffdf7;cursor:pointer;background:#8a2c20;border:0;border-radius:14px;min-height:44px;padding:0 14px;font-weight:800}.form-actions{gap:8px;display:grid}.buyer-list{gap:10px;display:grid}.buyer-row{background:#fffaf0;border:1px solid #ded5b9cc;border-radius:16px;gap:12px;padding:12px;display:grid}.buyer-row p{color:var(--muted);margin-top:3px}.buyer-actions{grid-template-columns:repeat(2,minmax(0,max-content));gap:8px;display:grid}.confirm-backdrop{z-index:40;background:#0a1f1773;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-dialog{background:var(--surface);width:min(100%,420px);box-shadow:var(--shadow);border:1px solid #ded5b9e6;border-radius:20px;gap:14px;padding:20px;display:grid}.confirm-dialog p{color:var(--muted);line-height:1.5}.confirm-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.admin-ranking{gap:10px;margin:0;padding:0;list-style:none;display:grid}.admin-ranking li{background:#fffaf0;border:1px solid #ded5b9cc;border-radius:16px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:12px;display:grid}.admin-ranking span{width:32px;height:32px;color:var(--green);background:var(--gold-soft);border-radius:12px;place-items:center;font-weight:900;display:inline-grid}.admin-ranking strong{overflow-wrap:anywhere;min-width:0}.admin-ranking em{color:var(--green);white-space:nowrap;font-style:normal;font-weight:900}@media (width>=760px){.admin-shell{padding:32px 0 52px}.admin-hero{grid-template-columns:1fr 280px;align-items:end;padding:30px}.admin-hero h1{font-size:3rem}.admin-tabs{grid-template-columns:repeat(4,1fr)}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-actions{grid-template-columns:max-content max-content}.buyer-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.buyer-group .buyer-row{grid-template-columns:minmax(0,1fr);align-items:start}.feed-item{grid-template-columns:minmax(0,1fr) 160px 220px;align-items:center}}