*{box-sizing:border-box}body{margin:0;background:#111;color:#fff;font-family:system-ui,-apple-system,sans-serif}header{position:sticky;top:0;z-index:3;background:#111;border-bottom:1px solid #333;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}header span{font-size:10px;letter-spacing:.2em;font-weight:900;color:#aaa}h1{margin:4px 0 0;font-size:25px}header button{background:#fff;color:#111;border:0;border-radius:8px;padding:10px 13px;font-weight:900}main{padding:18px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.ticket{background:#fff;color:#111;border-radius:14px;padding:17px;border-left:7px solid #f2b400}.ticket.new{animation:flash .7s ease-in-out 3}.top{display:flex;justify-content:space-between}.num{font-size:20px;font-weight:950}.meta{font-size:11px;color:#666}.items{border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin:13px 0;padding:11px 0;display:grid;gap:7px}.note{background:#fff3c4;padding:7px;border-radius:6px;font-size:12px}.actions{display:flex;gap:7px}.actions button{border:0;background:#111;color:#fff;padding:9px 11px;border-radius:8px;font-weight:800}.empty{text-align:center;padding:70px;color:#888}@keyframes flash{50%{transform:scale(1.02);box-shadow:0 0 0 5px #f2b40055}}@media(max-width:650px){.grid{grid-template-columns:1fr}header{padding:12px}}