:root{
  --navy:#071b44; --blue:#0c2c78; --red:#c00000; --ink:#121722; --muted:#687080;
  --line:#d8dde7; --bg:#f5f7fb; --card:#ffffff; --shadow:0 14px 34px rgba(7,27,68,.10);
  --radius:20px;
}
*{box-sizing:border-box} html{background:var(--bg)} body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);padding-bottom:92px}
button,input,select,textarea{font:inherit} button{cursor:pointer}.site-header{background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand-wrap{max-width:1050px;margin:auto;padding:10px 18px;display:flex;justify-content:center}.brand-logo{width:min(520px,92vw);height:92px;object-fit:contain;display:block}.app-shell{max-width:980px;margin:0 auto;padding:24px 18px 36px}.screen{display:none}.screen.active{display:block}.card,.hero-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{padding:34px}.eyebrow{display:block;color:var(--red);font-weight:800;letter-spacing:.12em;font-size:.76rem;margin-bottom:8px}.hero-card h1,.section-heading h2,.success-card h2{margin:.15rem 0 .65rem;color:var(--navy);line-height:1.05}.hero-card h1{font-size:clamp(2rem,5vw,3.4rem);max-width:700px}.hero-card p{font-size:1.08rem;line-height:1.6;color:var(--muted);max-width:720px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{border-radius:12px;padding:12px 18px;border:1px solid transparent;font-weight:800}.btn.primary{background:var(--navy);color:white}.btn.primary:hover{background:var(--blue)}.btn.secondary{background:white;color:var(--navy);border-color:#aeb8cc}.btn.large{padding:15px 24px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px}.feature-card{background:white;border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:6px}.feature-card strong{color:var(--navy);font-size:1.08rem}.feature-card span{color:var(--muted);line-height:1.45}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:8px 2px 16px}.section-heading h2{font-size:2rem}.text-btn{border:0;background:none;color:var(--blue);font-weight:800;padding:8px}.text-btn.danger{color:#a00000}.filter-list{display:grid;gap:14px}.filter-entry,.form-card{padding:20px}.filter-entry-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.filter-entry-head>div{display:flex;flex-direction:column;gap:3px}.entry-number{font-size:.72rem;letter-spacing:.10em;color:var(--red);font-weight:900}.field-grid{display:grid;gap:14px}.field-grid.two{grid-template-columns:repeat(2,1fr)}.field-grid.filter-fields{grid-template-columns:2fr 1fr .7fr}.form-card{margin-top:16px}.form-card h3,.photo-card h3{margin:0 0 14px;color:var(--navy)}label{display:flex;flex-direction:column;gap:7px;font-size:.87rem;font-weight:800;color:#344054}input,select,textarea{width:100%;border:1px solid #bec6d4;border-radius:10px;padding:12px 13px;background:white;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(12,44,120,.10)}textarea{resize:vertical}.custom-check{display:flex;flex-direction:row;align-items:center;margin-top:14px;font-weight:700}.custom-check input,.check-row input{width:20px;height:20px;accent-color:var(--blue);flex:0 0 auto}.option-stack{border-top:1px solid var(--line);margin-top:18px;padding-top:10px}.check-row{display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:11px 0}.check-row span{display:flex;flex-direction:column;gap:3px}.check-row small{font-weight:500;color:var(--muted);line-height:1.35}.submit-bar{position:sticky;bottom:78px;z-index:10;margin-top:16px;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:16px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 10px 30px rgba(7,27,68,.14)}.submit-bar>div{display:flex;flex-direction:column}.muted{color:var(--muted);font-size:.78rem}.toolbar{padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}.toolbar>div:first-child{display:flex;flex-direction:column}.toolbar span{color:var(--muted);font-size:.86rem;margin-top:2px}.saved-list{display:grid;gap:12px}.saved-item{padding:16px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.saved-item .select-box{width:22px;height:22px;accent-color:var(--blue)}.saved-main{display:grid;gap:5px}.saved-edit-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}.saved-location-missing{color:#8a5a00;font-weight:700}.saved-main strong{font-size:1.08rem;color:var(--navy)}.saved-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:.85rem}.pill{background:#eef2fa;border-radius:999px;padding:4px 8px;color:var(--blue);font-weight:800}.qty-control{display:flex;align-items:center;gap:7px}.qty-control button{width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:white;font-weight:900}.qty-control span{min-width:22px;text-align:center;font-weight:800}.empty-state{padding:34px;text-align:center}.empty-state h3{color:var(--navy);margin:0 0 8px}.empty-state p{color:var(--muted);max-width:560px;margin:0 auto 18px;line-height:1.5}.hidden{display:none!important}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.contact-card{background:white;border:1px solid var(--line);border-radius:16px;padding:20px;text-decoration:none;color:inherit;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px}.contact-card strong{color:var(--navy);font-size:1.05rem}.contact-card span{color:var(--muted);overflow-wrap:anywhere}.photo-card{margin-top:16px;padding:20px}.photo-card p{color:var(--muted);line-height:1.5}.photo-preview-wrap{margin:14px 0}.photo-preview{max-width:100%;max-height:320px;border-radius:14px;border:1px solid var(--line)}.success-card{padding:34px}.success-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#e9f7ee;color:#117a37;font-weight:900;font-size:1.8rem;margin-bottom:16px}.order-summary{border:1px solid var(--line);border-radius:14px;padding:14px;margin-top:18px;background:#fafbfe}.summary-line{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #e9edf4}.summary-line:last-child{border-bottom:0}.bottom-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;background:rgba(255,255,255,.97);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));box-shadow:0 -8px 25px rgba(7,27,68,.08)}.bottom-nav button{border:0;background:none;color:#758095;font-size:.72rem;font-weight:800;display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px}.bottom-nav button span{font-size:1.35rem;line-height:1}.bottom-nav button.active{color:var(--navy)}dialog{border:0;padding:0;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.25);width:min(520px,calc(100% - 28px))}dialog::backdrop{background:rgba(7,27,68,.55)}.dialog-card{padding:20px;display:grid;gap:14px}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h3{margin:0;color:var(--navy)}.icon-btn{border:0;background:#eef2f7;border-radius:9px;width:36px;height:36px;font-size:1.4rem}.dialog-card menu{display:flex;justify-content:flex-end;gap:10px;margin:4px 0 0;padding:0}#toast{position:fixed;z-index:60;left:50%;bottom:96px;transform:translate(-50%,20px);background:#111827;color:white;padding:11px 16px;border-radius:10px;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;text-align:center;font-weight:700;font-size:.88rem}#toast.show{opacity:1;transform:translate(-50%,0)}
.custom-size-panel{margin-top:8px}.custom-size-panel input{background:#fffdf7;border-color:#d4b36b}.custom-size-panel:not(.hidden)::before{content:"Custom / exact dimensions";display:block;font-size:.76rem;font-weight:800;color:#7a5611;margin:0 0 6px}
@media(max-width:700px){.brand-logo{height:70px}.app-shell{padding:16px 12px 28px}.hero-card{padding:24px 20px}.feature-grid,.contact-grid,.field-grid.two,.field-grid.filter-fields{grid-template-columns:1fr}.filter-entry,.form-card{padding:16px}.section-heading{align-items:center}.section-heading h2{font-size:1.65rem}.toolbar{align-items:flex-start;flex-direction:column}.submit-bar{bottom:72px}.saved-item{grid-template-columns:auto 1fr}.saved-item .qty-control{grid-column:2}.bottom-nav button{font-size:.67rem}.contact-card{padding:17px}}

.history-section{margin-top:34px}.history-title{margin-bottom:4px}.history-title h2{font-size:1.55rem}.history-note{margin:0 2px 14px;color:var(--muted);font-size:.88rem}.history-list{display:grid;gap:12px}.history-card{padding:18px}.history-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.history-head>div{display:flex;flex-direction:column;gap:4px}.history-head strong{color:var(--navy);font-size:1rem}.history-filters{margin-top:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:5px 0}.history-filter-row{display:flex;justify-content:space-between;gap:14px;padding:8px 0;font-size:.9rem}.history-filter-row span{color:#344054}.history-filter-row strong{white-space:nowrap;color:var(--navy)}.history-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-top:12px}.history-foot>span{color:var(--muted);font-size:.82rem}.history-foot .btn{padding:10px 14px}.history-section .empty-state{padding:24px}.history-section .empty-state p{margin-bottom:0}@media(max-width:700px){.history-head{align-items:flex-start}.history-filter-row{align-items:flex-start}.history-foot{align-items:stretch;flex-direction:column}.history-foot .btn{width:100%}}

.account-card{padding:24px;max-width:680px}.account-card h3{margin:0 0 8px;color:var(--navy)}.account-card p{color:var(--muted);line-height:1.5}.account-card form{display:grid;gap:14px;margin-top:18px}.account-note{font-size:.82rem;margin-bottom:0}.status-dot{display:inline-flex;align-items:center;gap:7px;color:#117a37;font-size:.82rem;font-weight:900}.status-dot::before{content:"";width:9px;height:9px;border-radius:50%;background:#1b9d4c}.cloud-status{margin-top:18px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:#fafbfe;color:var(--muted);font-size:.86rem}.netlify-hidden-form{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.bottom-nav{grid-template-columns:repeat(5,1fr)}