@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";
:root{--ink:#153431;--muted:#687572;--line:#dce5e1;--paper:#f6f8f7;--teal:#287168;--mint:#dceee8;--gold:#c69d54;--danger:#a84949}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:0}.shell{flex-direction:column;min-height:100vh;display:flex}.top{justify-content:space-between;align-items:center;padding:23px clamp(22px,5vw,70px);display:flex}.brand{letter-spacing:.17em;font:700 14px Manrope}.brand span{letter-spacing:.1em;color:var(--muted);margin-top:3px;font:500 10px DM Sans;display:block}.demo{color:#765a25;background:#f5ead7;border-radius:30px;padding:6px 10px;font-size:12px}.kiosk{width:min(690px,100% - 32px);margin:auto;padding:16px 0 52px}.card{border:1px solid var(--line);background:#fff;border-radius:24px;padding:clamp(24px,5vw,46px);box-shadow:0 18px 50px #163c3410}.eyebrow{color:var(--teal);letter-spacing:.13em;text-transform:uppercase;font-size:12px;font-weight:700}.hero h1{margin:13px 0;font:800 clamp(32px,6vw,52px)/1.05 Manrope}.lead{color:var(--muted);margin:0 0 30px;font-size:17px;line-height:1.55}.label{margin:20px 0 8px;font-size:13px;font-weight:700;display:block}.input{width:100%;color:var(--ink);outline-color:var(--teal);background:#fff;border:1px solid #cbd8d3;border-radius:12px;padding:17px;font-size:16px}.row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.primary,.secondary,.choice{border-radius:12px;width:100%;padding:17px 20px;font-size:16px;font-weight:700}.primary{background:var(--teal);color:#fff;margin-top:23px;box-shadow:0 7px 15px #28716828}.primary:hover{background:#1d5d55}.secondary{color:var(--teal);background:#fff;border:1px solid #b8cec6;margin-top:13px}.hint{text-align:center;color:var(--muted);margin:22px 0 0;font-size:13px}.link{color:var(--teal);-webkit-text-decoration:underline text-shadow: -1px -1px 0 #fffffff2, 1px -1px 0 #fffffff2, -1px 1px 0 #fffffff2, 1px 1px 0 #fffffff2, 0 2px 4px #0000004d;text-decoration:underline text-shadow: -1px -1px 0 #fffffff2, 1px -1px 0 #fffffff2, -1px 1px 0 #fffffff2, 1px 1px 0 #fffffff2, 0 2px 4px #0000004d;background:0 0;padding:0;font-weight:700}.back{color:var(--muted);background:0 0;padding:0 0 17px;font-size:14px}.choices{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.choice{color:#35534e;text-align:left;background:#f1f5f3}.choice.on{background:var(--mint);outline:2px solid var(--teal);color:var(--ink)}.summary{background:#f2f6f4;border-radius:14px;gap:14px;padding:18px;display:grid}.summary div{justify-content:space-between;gap:16px;display:flex}.summary small{color:var(--muted)}.success{text-align:center}.check{background:var(--mint);width:70px;height:70px;color:var(--teal);border-radius:50%;place-items:center;margin:0 auto 18px;font-size:33px;display:grid}.qr{border:1px solid var(--line);background:#fff;border-radius:14px;width:184px;height:184px;margin:21px auto;padding:10px}.qr img{width:100%;height:100%}.date{color:var(--muted);gap:10px;margin:12px 0 5px;font-size:14px;display:flex}.notice{color:#80571d;background:#fff5e7;border-radius:12px;margin:15px 0;padding:12px 14px;font-size:14px}.error{color:var(--danger);margin:10px 0;font-size:14px}.manage{width:100%;max-width:1280px;margin:0 auto;padding:8px 24px 50px}.nav{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.nav a{color:var(--muted);border-radius:9px;padding:9px 12px;font-size:14px;font-weight:700;text-decoration:none}.nav a.active{color:var(--teal);background:var(--mint)}.manage-head{justify-content:space-between;align-items:end;margin:26px 0;display:flex}.manage-head h1{margin:0;font:800 32px Manrope}.metrics{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.metric,.panel{border:1px solid var(--line);background:#fff;border-radius:16px;padding:20px}.metric small{color:var(--muted)}.metric strong{margin-top:8px;font:800 30px Manrope;display:block}.grid2{grid-template-columns:1.1fr .9fr;gap:18px;margin-top:18px;display:grid}.panel h2{margin:0 0 17px;font:800 18px Manrope}.toolbar{gap:10px;margin:0 0 15px;display:flex}.toolbar .input{padding:11px;font-size:14px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:11px}td,th{border-bottom:1px solid var(--line);white-space:nowrap;padding:13px 9px}.compact{margin:0;padding:10px 14px;font-size:13px}.status{background:var(--mint);color:#1d5d55;border-radius:20px;padding:5px 8px;font-size:12px}.auth{max-width:410px;margin:10vh auto}.setting{margin:0 0 19px}.setting label{margin-bottom:8px;font-weight:700;display:block}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--mint);border-radius:20px;padding:8px 10px;font-size:13px}.comparison{grid-template-columns:1fr 1fr;gap:14px;display:grid}.comparison article{background:#f5f7f6;border-radius:14px;padding:20px}.comparison article:last-child{background:var(--mint)}.comparison h3{margin:0 0 10px;font:700 18px Manrope}.comparison ul{color:#53625e;margin:0;padding-left:20px;line-height:1.7}@media (max-width:700px){.top{padding:18px 22px}.kiosk{width:min(100% - 20px,690px)}.card{border-radius:18px}.row,.metrics,.grid2,.comparison{grid-template-columns:1fr}.metrics{gap:10px}.manage{padding:8px 14px 35px}.manage-head{flex-direction:column;align-items:start;gap:10px}.metric{padding:15px}.metric strong{font-size:24px}.tablewrap{margin:0 -10px}.choices{grid-template-columns:1fr}.top .nav{display:none}}.active-list{margin-top:25px}.active-list h2{margin:4px 0 14px;font:700 18px Manrope}.active-rows{border-top:1px solid var(--line);margin-top:12px}.active-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:11px 0;display:flex}.active-row strong{font-size:15px;display:block}.active-row small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.active-row .compact{width:auto;min-width:118px}@media (max-width:700px){.active-row{padding:12px 0}.active-row .compact{min-width:104px;padding:11px 10px}}@media (orientation:portrait) and (min-width:600px){.shell{min-height:100svh}.top{padding:clamp(30px,4.5vh,54px) clamp(34px,6vw,64px) 18px}.kiosk{width:min(640px,100% - 72px);margin:0 auto;padding:clamp(42px,8vh,108px) 0 72px}.kiosk .card{border-radius:26px;padding:clamp(34px,5vw,48px)}.kiosk .hero h1{font-size:clamp(42px,6vw,54px)}.kiosk .lead{font-size:18px}.kiosk .input{padding:19px;font-size:18px}.kiosk .primary,.kiosk .secondary,.kiosk .choice{min-height:58px;font-size:17px}.kiosk .date{font-size:15px}.kiosk .qr{max-width:100%}}@media (orientation:portrait) and (max-width:599px){.top{padding:18px 20px}.kiosk{width:calc(100% - 28px);padding:20px 0 42px}.kiosk .card{border-radius:20px;padding:24px 20px}.kiosk .hero h1{font-size:clamp(34px,10vw,43px)}.kiosk .input{padding:16px}.kiosk .primary,.kiosk .secondary{min-height:54px}.kiosk .active-row{padding:12px 0}}.shell:has(.kiosk){background-image:linear-gradient(90deg,#0c262238,#0c262212 52%,#0c26222e),var(--site-background);background-position:52%;background-size:cover;background-attachment:fixed}.shell:has(.kiosk) .card{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffffff0}.qr-site-name{letter-spacing:.08em;margin-top:2px;font:800 22px/1.1 Manrope}.qr-pass-label{color:var(--muted);margin-top:6px;font-size:14px;font-weight:700}@media (orientation:portrait) and (min-width:600px){.shell:has(.kiosk){background-position:52%}.shell:has(.kiosk) .kiosk{width:min(580px,100% - 72px);margin-left:clamp(34px,7vw,72px);margin-right:auto}}@media (orientation:portrait) and (max-width:599px){.shell:has(.kiosk){background-position:53%;background-attachment:scroll}.shell:has(.kiosk) .card{background:#fffffff2}}.top .link{text-shadow:-1px -1px #fff,1px -1px #fff,-1px 1px #fff,1px 1px #fff,0 2px 4px #00000059}