@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--bg-main: #090d16;--bg-card: rgba(18, 26, 43, .8);--bg-card-hover: rgba(26, 38, 64, .9);--bg-subtle: rgba(15, 23, 42, .75);--border-subtle: rgba(255, 255, 255, .08);--border-bright: rgba(255, 255, 255, .16);--border-red: rgba(239, 68, 68, .35);--red-glow: rgba(239, 68, 68, .45);--red-primary: #dc2626;--red-hover: #ef4444;--red-dark: #991b1b;--red-bg: rgba(220, 38, 38, .12);--emerald-text: #6ee7b7;--emerald-bg: rgba(16, 185, 129, .15);--emerald-border: rgba(16, 185, 129, .35);--amber-text: #fcd34d;--amber-bg: rgba(245, 158, 11, .15);--amber-border: rgba(245, 158, 11, .35);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--font-display: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;min-height:100vh;background-color:var(--bg-main);background-image:radial-gradient(circle at 50% 0%,rgba(220,38,38,.14) 0%,transparent 65%),radial-gradient(circle at 10% 90%,rgba(6,182,212,.05) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(220,38,38,.06) 0%,transparent 50%);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:1.25rem;box-shadow:0 10px 30px -5px #00000080,0 0 0 1px #ffffff0a;transition:all .2s ease}.glass-card:hover{border-color:var(--border-bright)}.app-shell{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-main);color:var(--text-primary)}.main-content{width:100%;max-width:540px;margin:0 auto;padding:1.5rem 1rem 3.5rem;display:flex;flex-direction:column;gap:1.75rem;flex:1}.app-footer{width:100%;padding:1.25rem;text-align:center;font-size:.75rem;color:var(--text-muted);border-top:1px solid var(--border-subtle)}.navbar{width:100%;background:#0a0f1ae0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:50}.navbar-inner{max-width:600px;margin:0 auto;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.navbar-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none}.brand-icon-box{position:relative;width:38px;height:38px;border-radius:.75rem;background:linear-gradient(135deg,#ef4444,#dc2626);display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #dc262680;border:1px solid rgba(255,255,255,.2);flex-shrink:0}.brand-icon-text{color:#fff;font-size:1.25rem;font-weight:900;font-family:var(--font-display)}.brand-online-dot{position:absolute;top:-2px;right:-2px;width:10px;height:10px;border-radius:50%;background:#10b981;border:2px solid #090d16;box-shadow:0 0 8px #10b981}.brand-details{display:flex;flex-direction:column}.brand-title-row{display:flex;align-items:center;gap:.4rem}.brand-title{font-family:var(--font-display);font-weight:800;font-size:1.1rem;color:#fff;letter-spacing:-.02em}.admin-pill{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .45rem;border-radius:9999px;background:var(--amber-bg);color:var(--amber-text);border:1px solid var(--amber-border);display:inline-flex;align-items:center;gap:.25rem}.brand-status-row{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--text-secondary)}.navbar-actions{display:flex;align-items:center;gap:.4rem}.nav-btn{padding:.5rem .75rem;border-radius:.75rem;border:1px solid var(--border-subtle);background:#1e293bb3;color:var(--text-primary);font-size:.8rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:all .18s ease;-webkit-user-select:none;user-select:none}.nav-btn:hover{background:#334155e6;border-color:var(--border-bright);transform:translateY(-1px)}.nav-btn-icon-only{padding:.5rem}.nav-btn-active{background:var(--emerald-bg);border-color:var(--emerald-border);color:var(--emerald-text)}.nav-btn-danger:hover{background:var(--red-bg);border-color:var(--border-red);color:#f87171}.button-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem 0 .25rem;width:100%}.button-chassis{position:relative;width:230px;height:230px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 35% 35%,#2a3449,#131b29 70%,#0c111c);box-shadow:0 20px 45px #000c,inset 0 2px 3px #fff3,inset 0 -4px 8px #000c,0 0 0 4px #1f293d,0 0 0 8px #0f172a}.button-pulse-ring{position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:50%;border:2px solid rgba(239,68,68,.4);animation:radar-pulse 2.8s cubic-bezier(.25,1,.5,1) infinite;pointer-events:none}.button-pulse-ring:nth-child(2){animation-delay:1.4s}@keyframes radar-pulse{0%{transform:scale(.9);opacity:.9}to{transform:scale(1.38);opacity:0}}.big-red-button{position:relative;width:180px;height:180px;border-radius:50%;border:none;cursor:pointer;outline:none;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-display);color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:2px;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:radial-gradient(circle at 40% 30%,#ff5252,#dc2626 50%,#881313 95%);box-shadow:0 14px #6b0c0c,0 18px 25px #000000bf,0 0 40px var(--red-glow),inset 0 4px 6px #ffffff8c,inset 0 -6px 12px #00000080;transform:translateY(0);transition:transform .12s cubic-bezier(.1,.9,.2,1),box-shadow .12s cubic-bezier(.1,.9,.2,1)}.big-red-button:hover:not(:disabled){background:radial-gradient(circle at 40% 30%,#ff6b6b,#ea2e2e 50%,#991b1b 95%);box-shadow:0 14px #6b0c0c,0 22px 35px #ef444473,0 0 55px var(--red-glow),inset 0 5px 8px #fff9,inset 0 -6px 12px #00000080;transform:translateY(-2px)}.big-red-button:active:not(:disabled),.big-red-button.pressed{transform:translateY(10px)!important;box-shadow:0 4px #4c0707,0 6px 15px #000c,0 0 65px #ef4444cc,inset 0 2px 4px #ffffff4d,inset 0 -2px 6px #000000b3!important}.big-red-button:disabled{cursor:not-allowed;opacity:.75}.button-gloss-overlay{position:absolute;top:8%;left:20%;right:20%;height:35%;border-radius:50% 50% 40% 40%;background:linear-gradient(180deg,#ffffff80,#ffffff0d);pointer-events:none}.button-inner-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;pointer-events:none;z-index:10}.button-main-text{font-size:1.15rem;letter-spacing:.15em;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.8)}.button-sub-text{font-size:.65rem;letter-spacing:.12em;color:#fed7d7;font-weight:700;opacity:.9}.message-card{padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.45rem}.form-label-row{display:flex;align-items:center;justify-content:space-between}.form-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);display:inline-flex;align-items:center;gap:.35rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-dark{width:100%;background:#0a0f1cbf;border:1px solid var(--border-subtle);border-radius:.85rem;padding:.75rem 1rem;color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;transition:all .2s ease;outline:none}.input-dark:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433;background:#0e1526f2}.input-btn-inside{position:absolute;right:6px;top:50%;transform:translateY(-50%);padding:.4rem .6rem;border-radius:.6rem;border:none;background:var(--red-primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.input-btn-inside:hover{background:var(--red-hover)}.btn-primary{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:.85rem;padding:.75rem 1.25rem;font-weight:700;font-family:var(--font-display);font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;box-shadow:0 4px 12px #dc262659;-webkit-user-select:none;user-select:none}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 6px 20px #ef444480;transform:translateY(-1px)}.btn-secondary{background:#ffffff14;color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:.85rem;padding:.75rem 1.25rem;font-weight:600;font-family:var(--font-display);font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:#ffffff24;border-color:var(--border-bright);transform:translateY(-1px)}.btn-text{background:none;border:none;color:var(--text-secondary);font-size:.75rem;cursor:pointer;display:inline-flex;align-items:center;gap:.25rem}.btn-text:hover{color:#fff}.presets-section{display:flex;flex-direction:column;gap:.65rem;width:100%}.presets-header{display:flex;align-items:center;justify-content:space-between}.presets-chips-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.badge-chip{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);padding:.45rem .85rem;border-radius:9999px;font-size:.825rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:all .18s ease;-webkit-user-select:none;user-select:none}.badge-chip:hover{background:#dc26262e;border-color:#ef444466;transform:translateY(-1px);color:#fff}.badge-chip.selected{background:linear-gradient(135deg,#dc2626d9,#b91c1cf2);border-color:#ef4444;color:#fff;box-shadow:0 2px 10px #dc262659}.inline-add-box{display:flex;align-items:center;gap:.35rem;padding:.25rem .5rem;background:#0f172af2;border:1px solid var(--border-bright);border-radius:9999px}.inline-add-input{background:transparent;border:none;outline:none;font-size:.8rem;color:#fff;width:140px}.history-card{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.history-header{display:flex;align-items:center;justify-content:space-between}.history-title-group{display:flex;align-items:center;gap:.5rem}.history-title{font-family:var(--font-display);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary)}.history-count-badge{font-size:.7rem;font-weight:700;padding:.1rem .45rem;border-radius:9999px;background:#1e293bcc;color:var(--text-secondary);border:1px solid var(--border-subtle)}.history-list{display:flex;flex-direction:column;gap:.65rem;max-height:360px;overflow-y:auto;padding-right:.25rem}.history-item{padding:.85rem 1rem;border-radius:.85rem;background:#0f172ab3;border:1px solid rgba(255,255,255,.05);display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;transition:border-color .18s ease}.history-item:hover{border-color:var(--border-bright)}.history-item-body{display:flex;flex-direction:column;gap:.35rem;flex:1}.history-meta-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.history-author{font-size:.8rem;font-weight:700;font-family:var(--font-display);color:#fff}.history-time{font-size:.7rem;color:var(--text-muted);display:inline-flex;align-items:center;gap:.25rem}.history-badge{font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:9999px;background:var(--red-bg);color:#fca5a5;border:1px solid var(--border-red)}.history-message-text{font-size:.825rem;color:var(--text-primary);line-height:1.4;word-break:break-word}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05080fd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.modal-content{width:100%;max-width:520px;max-height:88vh;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle);padding-bottom:.85rem}.modal-title-group{display:flex;align-items:center;gap:.65rem}.modal-tabs{display:flex;gap:.35rem;padding:.25rem;background:#0a0f1acc;border-radius:.75rem;border:1px solid var(--border-subtle)}.modal-tab-btn{flex:1;padding:.55rem .75rem;border-radius:.55rem;border:1px solid transparent;background:transparent;color:var(--text-secondary);font-family:var(--font-display);font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem;transition:all .15s ease}.modal-tab-btn:hover{color:#fff}.modal-tab-btn.active{background:#1e293be6;color:#fff;border-color:var(--border-subtle);box-shadow:0 2px 8px #0000004d}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.stat-box{padding:.75rem .5rem;border-radius:.75rem;background:#0f172acc;border:1px solid var(--border-subtle);text-align:center}.stat-value{font-family:var(--font-display);font-size:1.25rem;font-weight:800;color:#fff}.stat-label{font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--text-muted)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem;width:100%}.login-wrapper{width:100%;max-width:400px;display:flex;flex-direction:column;gap:1.5rem}.login-brand-header{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.login-icon-box{width:70px;height:70px;border-radius:1.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);display:flex;align-items:center;justify-content:center;box-shadow:0 0 35px #dc26268c;border:1px solid rgba(255,255,255,.2)}.login-card{padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem}.alarm-overlay-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:radial-gradient(circle at 50% 50%,#dc2626e0,#7f1d1dfa);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:flash-alarm .8s ease-in-out infinite alternate;display:flex;align-items:center;justify-content:center;padding:1.5rem}@keyframes flash-alarm{0%{background:radial-gradient(circle at 50% 50%,#dc2626e0,#7f1d1dfa)}to{background:radial-gradient(circle at 50% 50%,#b91c1cf2,#4f0e0efc)}}.alarm-modal-box{max-width:480px;width:100%;background:#0a0e18f5;border:2px solid #ef4444;border-radius:1.75rem;padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem;box-shadow:0 0 80px #ef4444b3}.promo-banner{padding:1rem 1.25rem;border-radius:1rem;background:linear-gradient(135deg,#dc262633,#121a2bd9);border:1px solid var(--border-red);display:flex;align-items:center;justify-content:space-between;gap:.75rem}