*,*:before,*:after{box-sizing:border-box}:root{--bg: #0f1419;--surface: #1a2332;--border: #2d3a4f;--text: #e8edf4;--muted: #8b9cb3;--accent: #3b82f6;--accent-hover: #2563eb;--success: #22c55e;--error: #ef4444;--radius: 12px;font-family:Segoe UI,system-ui,-apple-system,sans-serif}body{margin:0;min-height:100vh;background:linear-gradient(160deg,#0f1419,#1a2744);color:var(--text)}#root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.app{width:100%;max-width:420px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:0 8px 32px #00000059}h1{font-size:1.35rem;margin:0 0 .25rem;font-weight:600}.subtitle{color:var(--muted);font-size:.9rem;margin:0 0 1.25rem}label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.35rem}input,select,textarea{width:100%;padding:.65rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:1rem;margin-bottom:1rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:0}button{width:100%;padding:.75rem 1rem;border:none;border-radius:8px;background:var(--accent);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:transparent;border:1px solid var(--border);color:var(--text);margin-top:.5rem}button.link{width:auto;background:none;color:var(--accent);padding:0;font-weight:500;font-size:.9rem}.error{color:var(--error);font-size:.9rem;margin-bottom:1rem}.success{text-align:center;padding:1rem 0}.success-icon{font-size:3rem;margin-bottom:.5rem}.selfie-input-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.selfie-capture{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1rem}.selfie-frame{width:140px;height:200px;padding:0;border:2px solid var(--border);border-radius:12px;background:var(--bg);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.selfie-frame:hover:not(:disabled){border-color:var(--accent);background:#3b82f614;color:var(--accent)}.selfie-frame:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.selfie-icon{width:64px;height:64px}.selfie-trigger-btn{width:auto;min-width:160px;padding:.65rem 1.5rem}.preview{width:100%;max-height:200px;object-fit:cover;border-radius:8px;margin-bottom:1rem}.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.chip{width:auto;padding:.4rem .75rem;font-size:.85rem;background:var(--bg);border:1px solid var(--border);border-radius:999px}.chip.active{border-color:var(--accent);background:#3b82f626}.profile-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding:.75rem;background:var(--bg);border-radius:8px}.profile-row p{margin:.25rem 0 0;font-size:.95rem}.profile-row .muted{color:var(--muted);font-size:.8rem}.loading{text-align:center;color:var(--muted);padding:2rem}:root{color-scheme:light;--bg: #ffffff;--surface: #ffffff;--soft: #ffffff;--border: #d7dce3;--text: #111111;--muted: #3f4752;--accent: #106dba;--accent-hover: #0c5b9d;--success: #168a4a;--warning: #a46405;--error: #c62828;--radius: 16px}html,body,#root{background:var(--bg)!important;color:var(--text)!important}#root{align-items:flex-start}.prod-app{width:100%;min-height:100vh;padding:18px 12px 36px}.prod-card{width:100%;max-width:520px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:0 10px 28px #11203814}.brand-logo{display:block;max-width:170px;max-height:74px;object-fit:contain;margin:0 auto 14px}.prod-card h1,.prod-card h2,.prod-card h3{color:var(--text);margin-top:0}.prod-card h1{text-align:center;font-size:1.35rem;margin-bottom:4px}.prod-card h2{font-size:1.15rem}.prod-card h3{font-size:1rem;margin-bottom:12px}.subtitle,.hint,.muted{color:var(--muted)}.subtitle{text-align:center}.hint{font-size:.9rem;margin:-4px 0 14px}.prod-card label{color:#151515;font-weight:600}.prod-card input,.prod-card select,.prod-card textarea{background:#fff!important;color:var(--text)!important;border:1px solid var(--border)!important}.prod-card input::placeholder,.prod-card textarea::placeholder{color:#4a4a4a;opacity:1}.prod-card select option{background:#fff;color:var(--text)}.prod-card select[multiple]{min-height:150px}.prod-card button{background:var(--accent)}.prod-card button:hover:not(:disabled){background:var(--accent-hover)}.prod-card button.secondary{background:#fff;border:1px solid #106dba;color:var(--accent)}.prod-card button.link{width:auto;background:transparent;color:var(--accent)}.wide-link{display:block;margin:14px auto 0}.error-box{background:#fff1f1;border:1px solid #ffd2d2;color:var(--error);padding:12px;border-radius:12px;margin-bottom:16px}.section-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:16px}.field-block{margin-bottom:12px}.field-block:last-child{margin-bottom:0}.collapsible-body{margin-top:14px}.notice{color:var(--warning);background:#fff7e6;border:1px solid #ffe0a3;padding:10px;border-radius:10px;font-size:.88rem;margin-top:-6px}.selfie-frame{background:#fff;color:#333;border-color:var(--border)}.selfie-frame:hover:not(:disabled){background:#fff;border-color:var(--accent);color:var(--accent)}.preview{border:1px solid var(--border)}.profile-row{background:#fff;border:1px solid var(--border);display:flex;justify-content:space-between;gap:12px}.profile-row strong,.profile-row small,.profile-row span{display:block}.status-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.collapse-toggle{width:100%;flex:1;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0;background:transparent!important;color:var(--text);text-align:left}.collapse-toggle strong,.collapse-toggle small{display:block}.collapse-toggle small{margin-top:3px;color:var(--muted);font-size:.86rem;font-weight:500}.danger-btn{width:auto;background:#d53f3f!important;padding:.55rem .85rem;white-space:nowrap}.all-checkout-btn{width:100%;margin-top:12px}.entry-list{display:grid;gap:10px;margin-top:12px}.entry-card{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid var(--border);border-left:5px solid #f5b83d;border-radius:12px;padding:12px;background:#fff}.entry-card p{margin:4px 0 0;color:var(--muted)}.entry-card a{color:var(--accent);font-weight:700;white-space:nowrap}.entry-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.mini-checkout{padding:.45rem .65rem;font-size:.85rem}.selected-units{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.selected-unit{width:auto;background:#eef6fc!important;border:1px solid #b9d8ef;color:#0b4779;padding:.45rem .65rem;border-radius:999px;font-size:.88rem}.search-select{position:relative;margin-bottom:1rem}.search-select-control{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff!important;border:1px solid var(--border)!important;color:var(--text)!important;text-align:left;font-weight:500}.search-select-control.placeholder{color:#4a4a4a!important}.search-select-menu{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 28px #11203829;padding:10px}.search-select-input{margin-bottom:8px!important}.search-select-options{max-height:230px;overflow-y:auto}.search-select-option{width:100%;display:block;background:#fff!important;color:var(--text)!important;text-align:left;border-radius:8px;padding:.6rem .7rem;font-weight:500}.search-select-option:hover,.search-select-option.active{background:#e9f4fc!important;color:#0b4779!important}.search-select-empty{color:var(--muted);padding:10px;text-align:center}.entry-card.status-yes{border-left-color:var(--success)}.entry-card.status-no{border-left-color:var(--error)}.loading{color:var(--muted)}.location-card button{margin-top:4px}.location-distance{margin-top:12px;margin-bottom:0}
