:root{font-family:Arial,sans-serif;color:#111;background:#f4f4f4}*{box-sizing:border-box}body{margin:0}header{padding:14px 7vw;background:#000;border-bottom:4px solid #ed2833;display:flex;align-items:center;justify-content:space-between}.brand{color:#fff;text-decoration:none;display:flex;align-items:center;gap:15px;font-size:12px;letter-spacing:3px;font-weight:bold}.brand img{width:66px;height:66px;border-radius:50%;background:#fff;object-fit:contain}.logout,.button{color:#fff;text-decoration:none;background:#d9252f;padding:12px 16px;border-radius:6px;font-weight:bold}main{max-width:1000px;margin:0 auto;padding:36px 20px;min-height:calc(100vh - 140px)}footer{background:#000;color:#fff;padding:24px 7vw;font-size:12px;letter-spacing:2px}.landing,.empty{max-width:440px;text-align:center;margin:40px auto}.landing>img{width:150px;border-radius:50%;background:#fff}.landing h1,.admin h1,.customer-card h1{font-size:42px;margin:12px 0}.muted,small{color:#666}.landing form,.new{display:grid;gap:10px;margin-top:28px;text-align:left}input,select,button{padding:13px;border-radius:6px;border:1px solid #ccc;font:inherit}button{background:#d9252f;color:#fff;border:0;font-weight:bold;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.notice{background:#ddf1dd;padding:14px;border-radius:6px;margin-bottom:20px}.customer-card{background:#000;color:#fff;border-radius:20px;padding:34px;max-width:650px;margin:30px auto;border-top:5px solid #ed2833;position:relative}.customer-card>p:first-child,.admin .title p{color:#ed2833;font-size:12px;font-weight:bold;letter-spacing:2px}.stamps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:30px 0}.stamp{aspect-ratio:1;border:1px dashed #999;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#aaa;font-size:20px;min-width:0}.stamp.done{background:#ed2833;border-color:#ed2833;color:#fff;font-size:26px}.stamp small{font-size:clamp(5px,1.5vw,9px);line-height:1;color:inherit;margin-top:3px;white-space:nowrap}.progress{height:7px;background:#333;border-radius:6px;overflow:hidden}.progress span{display:block;height:100%;background:#ed2833}.customer-card h2{margin:25px 0 3px}.count{position:absolute;right:34px;bottom:30px;font-size:35px}.count small{font-size:16px;color:#bbb}.title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.new{grid-template-columns:1.2fr 1fr 1fr auto;align-items:end;background:#fff;padding:20px;border-radius:10px}.new h2{grid-column:1/-1;margin:0}.search{display:flex;gap:8px;margin:22px 0}.search input{flex:1}.list{display:grid;gap:10px}.list article{background:#fff;border-radius:10px;padding:18px;display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center}.list strong{display:block;font-size:18px}.list p{margin:8px 0 0}.actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:end}.actions select,.actions button{padding:9px;font-size:13px}.cardlink{grid-column:1/-1;color:#c71e28;font-size:13px}@media(max-width:700px){.new{grid-template-columns:1fr}.list article{grid-template-columns:1fr}.actions{justify-content:start}.title{align-items:start;flex-direction:column}.customer-card{padding:25px 18px}.customer-card h1{font-size:32px}.stamps{gap:7px}.count{right:20px;bottom:26px}.brand span{font-size:10px}}
