*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f5f5f5;color:#333}#app{min-height:100vh}header{background:#2358d1;color:#fff;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}header h1{font-size:2rem}.points-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:2rem;max-width:1200px;margin:0 auto}.point-card{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 6px #0000001a;cursor:pointer;transition:all .3s;border:3px solid transparent;text-align:center}.point-card:hover{border-color:#2358d1;transform:translateY(-4px);box-shadow:0 8px 12px #00000026}.point-card h3{font-size:1.5rem;color:#333;margin:0}.queue-display{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;padding:2rem;max-width:1400px;margin:0 auto}.column{background:#fff;border-radius:16px;padding:3rem;text-align:center;box-shadow:0 4px 6px #0000001a}.column h2{font-size:2rem;margin-bottom:2rem;color:#666}.column.new{border:4px solid #9E9E9E}.column.new h2{color:#9e9e9e}.column.preparing{border:4px solid #FF9800}.column.preparing h2{color:#ff9800}.column.ready{border:4px solid #4CAF50}.column.ready h2{color:#4caf50}.count{display:flex;flex-direction:column;gap:1rem;align-items:center}.task-number{font-size:4rem;font-weight:700;padding:1rem 2rem;border-radius:12px;min-width:150px}.column.new .task-number{color:#9e9e9e}.column.preparing .task-number{color:#ff9800}.column.ready .task-number{color:#4caf50}button{width:100%;padding:1rem;background:#2358d1;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s}button:hover:not(:disabled){background:#1c47a8}button:disabled{background:#ccc;cursor:not-allowed}