:root{--nobru-antracite:#171717;--nobru-antracite-card:#202020;--nobru-antracite-border:#2c2c2c;--nobru-avorio:#f2ebdd;--nobru-lime:#c7ff2e;--nobru-lime-glow:#c7ff2e47;--nobru-grigio-medio:#4a4a4a;--nobru-grigio-chiaro:#9e9e9e;--nobru-bianco:#fff;--font-titles:"Satoshi", -apple-system, BlinkMacSystemFont, sans-serif;--font-ui:"Manrope", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--ease-spring:cubic-bezier(.16, 1, .3, 1);--ease-snappy:cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--nobru-antracite);color:var(--nobru-avorio);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3{font-family:var(--font-titles);letter-spacing:-.02em;font-weight:900}.app-navbar{z-index:100;background:#171717;border-bottom:1px solid #282828;justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:sticky;top:0}.user-badge{font-size:.8rem;font-family:var(--font-ui);color:var(--nobru-avorio);background:#222;border:1px solid #333;border-radius:4px;align-items:center;gap:10px;padding:6px 12px;display:flex}.btn-logout{color:#777;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;transition:color .15s;display:flex}.btn-logout:hover{color:#ff4d4d}.card-blur-underlay{transition:filter .5s var(--ease-spring), transform .5s var(--ease-spring), opacity .5s ease}.card-blur-underlay.blurred{filter:blur(14px)brightness(.65);pointer-events:none;-webkit-user-select:none;user-select:none;transform:scale(.96)}.nobru-modal-overlay{z-index:999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073;justify-content:center;align-items:center;padding:16px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.nobru-modal-card{width:100%;max-width:440px;animation:modalScale .35s var(--ease-spring);background:#1e1e1e;border:1px solid #333;border-radius:16px;padding:28px 22px;position:relative;box-shadow:0 24px 60px #000c,0 0 40px #c7ff2e14}@keyframes modalScale{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header-badge{color:#c7ff2e;background:#141414;border:1px solid #2e2e2e;border-radius:4px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.celebration-screen{text-align:center;animation:modalScale .4s var(--ease-spring);padding:30px 10px}.celebration-icon{background:var(--nobru-lime);width:72px;height:72px;color:var(--nobru-antracite);box-shadow:0 0 35px var(--nobru-lime);animation:checkPop .6s var(--ease-spring);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 18px;display:flex}@keyframes checkPop{0%{opacity:0;transform:scale(.2)rotate(-30deg)}60%{transform:scale(1.25)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.input-field{color:#fff;width:100%;font-family:var(--font-ui);background:#141414;border:1px solid #333;border-radius:6px;outline:none;margin-top:4px;margin-bottom:14px;padding:13px 15px;font-size:.95rem;transition:border-color .2s}.input-field:focus{border-color:var(--nobru-lime)}.btn-nobru-primary{background:var(--nobru-lime);width:100%;color:var(--nobru-antracite);font-family:var(--font-titles);letter-spacing:.02em;cursor:pointer;transition:all .15s var(--ease-spring);box-shadow:0 4px 16px var(--nobru-lime-glow);border:none;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:16px 20px;font-size:1rem;font-weight:900;display:flex}.btn-nobru-primary:hover{background:#d4ff52;transform:translateY(-1px)}.btn-nobru-primary:active{transform:translateY(1px)scale(.99)}.btn-nobru-secondary{width:100%;color:var(--nobru-avorio);font-family:var(--font-titles);cursor:pointer;background:#282828;border:1px solid #3a3a3a;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:14px 18px;font-size:.9rem;font-weight:800;transition:background .15s;display:flex}.btn-nobru-secondary:hover{color:#fff;background:#333}.customer-screen{max-width:460px;margin:20px auto;padding:0 16px}.card-digital{background:#1e1e1e;border:1px solid #333;border-radius:16px;padding:24px 20px;position:relative;overflow:hidden;box-shadow:0 16px 36px #00000080}.card-top-accent{background:var(--nobru-lime);height:4px;position:absolute;top:0;left:0;right:0}.stamps-grid-nobru{grid-template-columns:repeat(5,1fr);gap:10px;margin:20px 0;display:grid}.stamp-box{aspect-ratio:1;color:#555;font-family:var(--font-titles);transition:all .3s var(--ease-spring);background:#141414;border:1.5px dashed #383838;border-radius:10px;justify-content:center;align-items:center;font-size:.95rem;font-weight:800;display:flex}.stamp-box.active{background:var(--nobru-lime);border:1.5px solid var(--nobru-lime);color:var(--nobru-antracite);box-shadow:0 4px 14px var(--nobru-lime-glow);transform:scale(1.02)}.stamp-box.punched{animation:stampPunch .7s var(--ease-spring) forwards}@keyframes stampPunch{0%{opacity:0;transform:scale(.3)rotate(-20deg)}50%{box-shadow:0 0 25px var(--nobru-lime);transform:scale(1.3)rotate(8deg)}to{transform:scale(1.02)rotate(0)}}.qr-box-nobru{background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;margin-top:20px;padding:20px;display:flex}.merchant-screen{max-width:500px;margin:20px auto;padding:0 16px}.camera-box-nobru{border:2px solid var(--nobru-lime);background:#000;border-radius:10px;width:100%;margin:16px 0;overflow:hidden}.toast-feedback{background:var(--nobru-lime);color:var(--nobru-antracite);font-family:var(--font-titles);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:14px 18px;font-size:.95rem;font-weight:900;animation:.3s toastFade;display:flex}@keyframes toastFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}