:root{color:#11130f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--green:#003b69;--gold:#ffb51b;--cream:#f7e5c6;--muted:#665742;--line:#e1cda4;--red:#df4518;--mm-blue:#005ea8;--mm-blue-dark:#003b69;--mm-gold:#ffb51b;--mm-orange:#df4518;--mm-cream:#f7e5c6;--mm-teal:#007b83;--mm-ink:#11130f;--mm-card:#fff5dd;background:#f7e5c6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 10%, #ffb51b47, transparent 32%), radial-gradient(circle at 88% 8%, #007b8338, transparent 28%), repeating-linear-gradient(135deg, #11130f07 0 2px, transparent 2px 8px), var(--mm-cream);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}a{color:inherit}#root{min-height:100vh}.app-shell{width:min(1240px,100% - 32px);margin:0 auto;padding:28px 0 56px}.hero-panel,.card{border:1px solid var(--line);background:#fff8edf0;border-radius:28px;box-shadow:0 24px 80px #3629171f}.hero-panel{color:#fff8ed;gap:24px;padding:42px;display:grid;position:relative;overflow:hidden}.hero-panel.comic-landing{background:radial-gradient(circle at 80% 20%, #ffb51b7a, transparent 26%), repeating-conic-gradient(from -18deg at 80% 20%, #df451857 0 8deg, #ffb51b29 8deg 16deg, transparent 16deg 24deg), linear-gradient(135deg, #df4518 0%, #c93813 48%, #003b69 100%);border:7px solid var(--mm-ink);box-shadow:12px 12px 0 var(--mm-ink);border-radius:34px;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);align-items:center;min-height:560px}.hero-panel.admin-landing{background:radial-gradient(circle at 80% 10%,#ffb51b73,#0000 26%),linear-gradient(135deg,#003b69,#005ea8 58%,#11130f);grid-template-columns:1.35fr 1fr}.hero-copy-panel{z-index:2;position:relative}.comic-landing .hero-copy-panel{max-width:720px}.eyebrow{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:900}.comic-landing .eyebrow{background:var(--mm-gold);border:4px solid var(--mm-ink);box-shadow:5px 5px 0 var(--mm-ink);color:var(--mm-ink);border-radius:999px;padding:9px 15px;display:inline-block;transform:rotate(-2deg)}h1,h2,p{margin-top:0}h1{letter-spacing:-.06em;margin-bottom:18px;font-size:clamp(2.4rem,7vw,5.4rem);line-height:.9}.comic-landing h1{color:#fff8ed;letter-spacing:.01em;max-width:850px;text-shadow:6px 6px 0 var(--mm-ink);text-transform:uppercase;font-family:Impact,Haettenschweiler,Arial Black,system-ui,sans-serif;font-size:clamp(3.3rem,7vw,6.25rem)}h2{letter-spacing:-.04em;color:var(--green);margin-bottom:12px;font-size:clamp(1.55rem,2vw,2.2rem)}.hero-copy{color:#eadcc7;max-width:690px;font-size:1.08rem;line-height:1.7}.comic-landing .hero-copy{color:#fff8ed;text-shadow:1px 1px #11130f6b;max-width:540px;font-size:1.2rem;font-weight:850;line-height:1.45}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.sync-status{color:#f7e2bd;background:#ffffff1f;border:1px solid #fff3;border-radius:999px;margin:18px 0 0;padding:8px 13px;font-size:.86rem;font-weight:800;display:inline-flex}.button{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:13px 20px;font-weight:900;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--gold);color:#201307;box-shadow:0 12px 24px #d99b3540}.button.secondary{color:#fff8ed;background:#ffffff1f;border:1px solid #ffffff3d}.comic-landing .button{border:4px solid var(--mm-ink);box-shadow:5px 5px 0 var(--mm-ink)}.comic-landing .button.primary{background:var(--mm-gold)}.comic-landing .button.secondary{color:var(--mm-blue-dark);background:#fff8ed}.card .button.secondary{border-color:var(--line);color:var(--green);background:#fff}.button.full{width:100%;margin-top:18px}.mascot-panel{z-index:1;align-self:end;position:relative}.mascot-panel img{filter:drop-shadow(12px 16px #11130ff2);object-fit:contain;max-width:100%;max-height:570px;margin:0 auto -50px;display:block}.price-burst{background:var(--mm-gold);border:5px solid var(--mm-ink);box-shadow:7px 7px 0 var(--mm-ink);color:var(--mm-ink);text-align:center;text-transform:uppercase;border-radius:50%;place-items:center;width:145px;height:145px;padding:18px;font-family:Impact,Haettenschweiler,Arial Black,system-ui,sans-serif;line-height:.82;display:grid;position:absolute;top:310px;right:18px;transform:rotate(8deg)}.price-burst strong{color:var(--mm-orange);-webkit-text-stroke:1.5px var(--mm-ink);font-size:3.65rem}.price-burst span{font-size:.9rem;font-weight:900}.metric-grid,.route-summary{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.metric{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:20px;padding:18px}.card .metric{border-color:var(--line);background:#fff}.metric span{color:var(--muted);font-size:.82rem;font-weight:700;display:block}.hero-panel .metric span{color:#dfd1be}.metric strong{margin-top:6px;font-size:1.45rem;display:block}.grid{gap:22px;margin-top:22px;display:grid}.two-column{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.card{padding:28px}.muted{color:var(--muted);line-height:1.6}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}label{color:#314339;gap:7px;font-size:.92rem;font-weight:800;display:grid}input,select,textarea{border:1px solid var(--line);color:#17201a;background:#fff;border-radius:14px;width:100%;padding:12px 13px}textarea{resize:vertical;min-height:90px}.span-two{grid-column:span 2}.checkbox{align-items:center;gap:10px;display:flex}.checkbox input{width:auto}.map-card{overflow:hidden}.map-placeholder{border:1px solid var(--line);background:linear-gradient(90deg,#12382a12 1px,#0000 1px) 0 0/42px 42px,linear-gradient(#12382a12 1px,#0000 1px) 0 0/42px 42px,radial-gradient(circle at 50% 40%,#f7e2bd,#d7e1d3) 0 0/100% 100%;border-radius:24px;height:270px;margin:18px 0;position:relative}.pin{background:var(--red);color:#fff;border:4px solid #fff;border-radius:50% 50% 50% 0;justify-content:center;align-items:center;width:42px;height:42px;font-weight:900;display:flex;position:absolute;transform:rotate(-45deg);box-shadow:0 10px 20px #00000038}.pin:first-letter{transform:rotate(45deg)}.pin-1{top:52%;left:18%}.pin-2{top:30%;left:50%}.pin-3{top:58%;left:70%}.pin-4{top:18%;left:35%}.pin-5{top:20%;left:80%}.route-list,.check-list{color:#314339;padding-left:22px;line-height:1.8}.request-table{gap:10px;margin-top:18px;display:grid}.request-row{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:minmax(190px,1.4fr) .7fr .65fr .65fr .55fr minmax(100px,.75fr) .65fr .75fr minmax(130px,.85fr);align-items:center;gap:12px;padding:16px;display:grid}.request-row p{color:var(--muted);margin:4px 0 0;font-size:.86rem}.request-row small{color:var(--muted);margin-top:4px;font-size:.78rem;display:block}.score,.status,.payment-chip{text-align:center;border-radius:999px;padding:7px 10px;font-weight:900}.score{color:#5a350b;background:#f7e2bd}.status,.payment-chip{color:var(--green);background:#e5f1e9}.status-control{gap:5px;font-size:.78rem}.status-control select{border-radius:999px;padding:8px 10px;font-weight:800}.photo-list{gap:3px;font-size:.78rem;line-height:1.3;display:grid}.photo-list a{color:var(--green);overflow-wrap:anywhere;font-weight:800}.payment-chip{grid-column:1/-1;justify-self:start}.closeout-list{gap:12px;margin-top:18px;display:grid}.closeout-card{border:1px solid var(--line);background:#fff;border-radius:16px;gap:10px;padding:14px;display:grid}.supplier-list{gap:12px;display:grid}.supplier-card{border:1px solid var(--line);background:#fff;border-radius:16px;gap:4px;padding:14px;display:grid}.supplier-card span{color:var(--red);font-weight:800}.supplier-card small{color:var(--muted)}.setup-checklist{gap:12px;padding-left:0;list-style:none;display:grid}.setup-item{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:flex-start;gap:12px;padding:14px;display:flex}.setup-item small{color:var(--muted);margin-top:4px;line-height:1.45;display:block}.status-dot{color:var(--red);background:#f9e5df;border-radius:999px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-weight:900;display:inline-flex}.status-dot.complete{color:var(--green);background:#e5f1e9}.telnyx-panel{margin-top:22px}@media (width<=880px){.hero-panel,.two-column{grid-template-columns:1fr}.request-row{grid-template-columns:1fr 1fr}}@media (width<=620px){.app-shell{width:min(100% - 18px,1180px);padding-top:10px}.hero-panel,.card{border-radius:20px;padding:22px}.form-grid,.metric-grid,.route-summary{grid-template-columns:1fr}.span-two{grid-column:span 1}}
