:root{--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-card:#1a1a1a;--bg-glass:#1a1a1acc;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent:#10b981;--accent-glow:#10b9814d;--border:#27272a;--success:#22c55e;--warning:#f59e0b;--error:#ef4444}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.container{background:var(--bg-primary);flex-direction:column;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.header{text-align:center;margin-bottom:2rem}.logo{color:var(--accent);justify-content:center;margin-bottom:.5rem;font-size:3rem;display:flex}.title{color:var(--text-primary);font-size:1.75rem;font-weight:700}.subtitle{color:var(--text-secondary);margin-top:.25rem;font-size:.875rem}.status-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.status-badge.live{color:var(--success);background:#22c55e26;border-color:#22c55e4d}.status-badge.waiting{color:var(--warning);background:#f59e0b26;border-color:#f59e0b4d}.status-badge.error{color:var(--error);background:#ef444426;border-color:#ef44444d}.status-dot{border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.status-badge.live .status-dot{background:var(--success);box-shadow:0 0 10px var(--success)}.status-badge.waiting .status-dot{background:var(--warning);box-shadow:0 0 10px var(--warning)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.main-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:1.5rem;width:100%;max-width:420px;padding:1.5rem;box-shadow:0 0 0 1px #ffffff0d,0 20px 50px -10px #00000080}.section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:1rem;font-size:.75rem;font-weight:600}.sales-list{flex-direction:column;gap:.75rem;display:flex}.sale-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:1rem;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:flex}.sale-item:hover{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.sale-icon{color:var(--accent);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.sale-details{flex:1;min-width:0}.sale-product{white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:600;overflow:hidden}.sale-meta{color:var(--text-muted);align-items:center;gap:.5rem;margin-top:.25rem;font-size:.75rem;display:flex}.sale-price{color:var(--accent);font-size:1rem;font-weight:700}.empty-state{text-align:center;color:var(--text-muted);padding:2rem}.empty-icon{opacity:.5;justify-content:center;margin-bottom:.5rem;font-size:3rem;display:flex}.button-group{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.button{cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;transition:all .2s;display:flex}.button:disabled{opacity:.5;cursor:not-allowed}.button-primary{background:linear-gradient(135deg,var(--accent)0%,#059669 100%);color:#fff;box-shadow:0 4px 15px var(--accent-glow)}.button-primary:hover:not(:disabled){box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-1px)}.button-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.button-secondary:hover:not(:disabled){background:var(--bg-card);border-color:var(--text-muted)}.button-danger{color:var(--error);background:#ef444426;border:1px solid #ef44444d}.button-danger:hover:not(:disabled){background:#ef444440}.button-small{background:var(--bg-secondary);width:auto;color:var(--text-secondary);border:1px solid var(--border);border-radius:.5rem;padding:.5rem .75rem;font-size:.75rem}.button-small:hover:not(:disabled){background:var(--bg-card);color:var(--text-primary)}.spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.countdown{font-variant-numeric:tabular-nums}.toast{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-radius:.75rem;padding:.75rem 1.5rem;font-size:.875rem;animation:.3s slideUp;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.sub-count{color:var(--text-muted);text-align:center;margin-top:1rem;font-size:.75rem}.header-nav{justify-content:center;gap:1rem;margin-top:1rem;display:flex}.nav-link{color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.nav-link:hover{color:var(--accent);border-color:var(--accent);background:#10b9811a}.nav-link svg{flex-shrink:0}.back-link{color:var(--accent);align-items:center;gap:.25rem;margin-bottom:1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-flex}.back-link:hover{opacity:.8}.event-type-selector{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.event-type-btn{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:.5rem;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.75rem;transition:all .2s;display:flex}.event-type-btn:hover{border-color:var(--text-muted)}.event-type-btn.active{border-color:var(--accent);color:var(--accent);background:#10b98126}.event-type-btn span{display:none}@media (min-width:400px){.event-type-btn span{display:inline}}.notification-preview{border:1px solid var(--border);background:#1c1c1e;border-radius:1rem;padding:.875rem}.preview-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.preview-app-icon{background:var(--bg-card);border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.875rem;display:flex}.preview-app-info{flex:1;justify-content:space-between;align-items:center;display:flex}.preview-app-name{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;font-size:.6875rem;font-weight:600}.preview-time{color:var(--text-muted);font-size:.6875rem}.preview-content{padding-left:2rem}.preview-title{margin-bottom:.125rem;font-size:.9375rem;font-weight:600}.preview-body{color:var(--text-secondary);font-size:.875rem;line-height:1.4}.settings-list{flex-direction:column;display:flex}.setting-item{border-bottom:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.setting-item:last-child{border-bottom:none}.setting-info{flex:1}.setting-label{font-size:.9375rem;font-weight:500;display:block}.setting-description{color:var(--text-muted);margin-top:.125rem;font-size:.75rem;display:block}.toggle{background:var(--bg-secondary);cursor:pointer;border-radius:14px;flex-shrink:0;width:48px;height:28px;padding:2px;transition:background .3s}.toggle.active{background:var(--accent)}.toggle-knob{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .3s;box-shadow:0 2px 4px #0003}.toggle.active .toggle-knob{transform:translate(20px)}.settings-footer{border-top:1px solid var(--border);text-align:center;margin-top:2rem;padding-top:1.5rem}.footer-link{color:var(--accent);align-items:center;gap:.5rem;font-size:.875rem;text-decoration:none;transition:opacity .2s;display:inline-flex}.footer-link:hover{opacity:.8}.auth-loading{justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);text-align:center;border-radius:1.5rem;width:100%;max-width:380px;padding:2.5rem 2rem;box-shadow:0 0 0 1px #ffffff0d,0 20px 50px -10px #00000080}.auth-card .logo{margin-bottom:1rem}.auth-card .title{margin-bottom:.5rem}.auth-card .subtitle{margin-bottom:2rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-input{background:var(--bg-secondary);border:1px solid var(--border);width:100%;color:var(--text-primary);text-align:center;border-radius:.75rem;padding:.875rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.auth-input::placeholder{color:var(--text-muted)}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.auth-error{color:var(--error);margin:-.5rem 0 0;font-size:.875rem}.clear-all-section{border-top:1px solid var(--border);margin-top:2rem;padding-top:1.5rem}.clear-all-section .section-title{color:var(--error)}.delay-options{flex-wrap:wrap;gap:.5rem;padding:.5rem 0 1rem;display:flex}.delay-option{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.delay-option:hover{border-color:var(--text-muted);color:var(--text-primary)}.delay-option.active{border-color:var(--accent);color:var(--accent);background:#10b98126}.title-input-wrapper{padding:0 0 1rem}.title-input{background:var(--bg-secondary);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:.75rem;padding:.75rem 1rem;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.title-input::placeholder{color:var(--text-muted)}.title-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.env-badge{vertical-align:middle;text-transform:uppercase;letter-spacing:.05em;border-radius:.25rem;margin-left:.5rem;padding:.125rem .375rem;font-size:.625rem;font-weight:700;display:inline-block}.env-sandbox{color:#fbbf24;background:#eab30826;border:1px solid #eab3084d}.env-test{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}