:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7fbff;background:#0a0d16;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--panel: rgba(255, 255, 255, .1);--panel-strong: rgba(255, 255, 255, .16);--line: rgba(255, 255, 255, .17);--muted: #aab6c9;--text: #f7fbff;--accent: #5fe3d0;--accent-strong: #91f7bf;--rose: #ff6c9c;--gold: #ffd166;--violet: #b69cff;--shadow: 0 24px 90px rgba(0, 0, 0, .44)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{position:relative;min-height:100vh;padding:36px;isolation:isolate;background:radial-gradient(circle at 10% 10%,rgba(95,227,208,.24),transparent 28%),radial-gradient(circle at 85% 18%,rgba(255,209,102,.18),transparent 25%),linear-gradient(135deg,#0a0d16,#151428 42%,#07191e)}.background-glow{position:fixed;z-index:-1;border-radius:999px;filter:blur(28px);opacity:.45;pointer-events:none}.glow-one{width:360px;height:360px;left:-120px;top:22%;background:#3ee7c7}.glow-two{width:420px;height:420px;right:-150px;bottom:5%;background:#ff6c9c}.glass-panel{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff29,#ffffff12),#0c122085;box-shadow:var(--shadow);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.hero{display:flex;align-items:center;gap:14px;margin:0 auto 18px;max-width:1180px}.brand-mark{display:grid;place-items:center;width:62px;height:62px;border:1px solid rgba(255,255,255,.28);border-radius:18px;background:linear-gradient(135deg,#5fe3d047,#ffffff14);box-shadow:0 20px 50px #5fe3d02e}.hero h1,.section-heading h2,.section-heading h3,.empty-state h2,.ring-modal h2,.alarm-card h3{margin:0;letter-spacing:0}.hero h1{font-size:clamp(2rem,4vw,3rem);line-height:1}.eyebrow{display:inline-flex;align-items:center;gap:6px;margin-bottom:6px;color:var(--accent);font-size:.76rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.control-strip,.stats-grid,.workspace,.page-tabs,.preview-page,.history-page{max-width:1180px;margin-inline:auto}.page-tabs{display:inline-flex;gap:6px;margin:0 auto 18px;padding:6px;border:1px solid var(--line);border-radius:16px;background:#ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.page-tabs button{min-height:38px;border:0;border-radius:12px;padding:0 14px;color:var(--muted);font-weight:900;background:transparent}.page-tabs button.active{color:#061316;background:linear-gradient(135deg,var(--accent),var(--accent-strong))}.control-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:78px;padding:16px;border-radius:26px}.control-strip strong{display:block;font-size:1.05rem}.permission-state{display:inline-flex;align-items:center;gap:8px;color:var(--muted);white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.stat-card{min-height:112px;padding:18px;border-radius:24px}.stat-card svg{color:var(--accent-strong)}.stat-card span{display:block;margin-top:18px;color:var(--muted)}.stat-card strong{display:block;margin-top:2px;font-size:2rem}.stat-card.muted svg{color:var(--gold)}.workspace{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:start;gap:22px;margin-top:22px}.preview-page{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);align-items:start;gap:22px;margin-top:22px}.preview-controls,.preview-table-card,.history-page{padding:20px;border-radius:28px}.preview-table-card{min-width:0}.table-wrap{overflow-x:auto}.preview-table{width:100%;border-collapse:collapse;min-width:520px}.preview-table th,.preview-table td{padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.1);text-align:left}.preview-table th{color:var(--accent);font-size:.76rem;text-transform:uppercase}.preview-table th svg{vertical-align:-2px}.preview-table td{color:#e7edf8;vertical-align:top}.preview-table td small{display:block;margin-top:4px;color:var(--muted)}.preview-table tbody tr:hover{background:#ffffff0d}.table-empty{padding:18px;border-radius:18px;color:var(--muted);background:#0000002e}.table-empty.error{color:#ffb0c8}.history-page{margin-top:22px}.history-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;color:#061316;font-size:.72rem;font-weight:900;text-transform:uppercase;background:var(--gold)}.history-status.rang{background:var(--rose);color:#fff}.history-status.acknowledged{background:var(--accent)}.history-status.scheduled{background:var(--violet);color:#100b20}.history-status.missed{background:#c2c8d4}.alarm-form{position:sticky;top:22px;padding:20px;border-radius:28px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.section-heading.compact{margin-bottom:12px}.section-heading h2{font-size:1.45rem}.section-heading h3{font-size:1rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:7px;min-width:0;color:var(--muted);font-size:.88rem;font-weight:700}.field.full{margin-bottom:12px}.field span{display:inline-flex;align-items:center;gap:6px}.field input,.field textarea,.field select,.interval-chip input{width:100%;min-height:44px;border:1px solid rgba(255,255,255,.14);border-radius:14px;outline:none;color:var(--text);background:#070b168a;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.field input,.field textarea,.field select{padding:11px 12px}.field textarea{resize:vertical;min-height:84px}.field input:focus,.field textarea:focus,.field select:focus,.interval-chip input:focus{border-color:#5fe3d0b8;box-shadow:0 0 0 4px #5fe3d01c;background:#070b16b8}.field small,.form-error{color:#ff9ebd;font-weight:700}.submit-error{display:block;margin-top:10px}.interval-editor{margin:16px 0;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#ffffff0d}.interval-grid{display:grid;gap:8px}.single-interval{margin-top:4px}.interval-preview{margin:10px 0 0;color:var(--muted);font-size:.84rem;line-height:1.5;overflow-wrap:anywhere}.interval-chip{display:grid;grid-template-columns:38px minmax(0,1fr) 34px;align-items:center;gap:8px;min-height:46px}.interval-chip span{color:var(--muted);font-size:.78rem;font-weight:900}.interval-chip input{padding:8px 10px}.interval-chip button,.icon-button{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:var(--text);background:#ffffff14}.switch-row{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:16px}.switch{display:flex;align-items:center;gap:10px;color:var(--muted)}.switch input,.toggle input{position:absolute;opacity:0;pointer-events:none}.switch>span{position:relative;width:48px;height:28px;flex:0 0 auto;border-radius:999px;background:#ffffff29;box-shadow:inset 0 0 0 1px #ffffff1f}.switch>span:after{content:"";position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .18s ease}.switch input:checked+span{background:linear-gradient(135deg,var(--accent),var(--accent-strong))}.switch input:checked+span:after{transform:translate(20px)}.switch strong{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-size:.9rem}.primary-button,.text-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:14px;border:0;padding:0 16px;font-weight:900;color:#061316;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.primary-button{width:100%;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 18px 42px #5fe3d038}.control-strip .primary-button{width:auto;white-space:nowrap}.text-button{color:var(--text);background:#ffffff1a}.danger-button{color:#fff;background:#ff6c9c2e}.primary-button:hover,.text-button:hover,.danger-button:hover,.alarm-card:hover{transform:translateY(-2px)}.dashboard{min-width:0}.dashboard-heading{margin:0 0 12px}.inline-notice{margin-bottom:12px;padding:12px 14px;border-radius:16px;color:var(--muted)}.inline-notice.error{color:#ffb0c8}.alarm-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.alarm-card{position:relative;overflow:hidden;padding:18px;border-radius:26px;transition:transform .18s ease,border-color .18s ease,background .18s ease}.alarm-card.active{border-color:#5fe3d047}.alarm-card.expired,.alarm-card.disabled{opacity:.76}.alarm-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.alarm-card h3{margin-top:8px;font-size:1.28rem;overflow-wrap:anywhere}.status-pill{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:900;text-transform:uppercase;color:#061316;background:var(--accent)}.status-pill.disabled{color:#172033;background:#c2c8d4}.status-pill.expired{color:#21100c;background:var(--gold)}.toggle{flex:0 0 auto}.toggle span{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:14px;color:var(--muted);background:#ffffff1a}.toggle input:checked+span{color:#061316;background:linear-gradient(135deg,var(--accent),var(--accent-strong))}.description{min-height:44px;margin:12px 0;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}.meta-grid{display:grid;grid-template-columns:1fr;gap:9px;color:#d2d9e7;font-size:.88rem}.meta-grid span{display:inline-flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere}.next-ring{margin:16px 0;padding:13px;border-radius:18px;background:#00000030}.next-ring span{display:block;color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.next-ring strong{display:block;margin-top:4px;overflow-wrap:anywhere}.card-actions{display:flex;flex-wrap:wrap;gap:8px}.empty-state{display:grid;place-items:center;min-height:420px;border-radius:30px;padding:24px;text-align:center}.empty-state span{color:#ffffff29;font-size:clamp(4rem,12vw,8rem);font-weight:900}.empty-state p{max-width:360px;margin:8px 0 0;color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:22px;background:#040810b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:fadeIn .18s ease both}.ring-modal{width:min(100%,520px);border-radius:32px;padding:28px;text-align:center;animation:modalIn .22s ease both}.ring-orbit{position:relative;display:grid;place-items:center;width:92px;height:92px;margin:0 auto 18px;border-radius:50%;color:#061316;background:linear-gradient(135deg,var(--gold),var(--rose));animation:ringPulse 1.2s ease-in-out infinite}.ring-modal h2{font-size:2rem;overflow-wrap:anywhere}.ring-modal p{color:var(--muted);line-height:1.6}.ring-time{display:grid;justify-items:center;gap:5px;margin:20px auto;padding:18px;border-radius:22px;background:#0000002e}.ring-time span{font-size:2.8rem;font-weight:900}.next-popup-ring{margin:0 auto;padding:12px 14px;border-radius:18px;background:#ffffff14}.next-popup-ring span{display:block;color:var(--muted);font-size:.76rem;font-weight:900;text-transform:uppercase}.next-popup-ring strong{display:block;margin-top:4px}.ring-time small,.queue-note{color:var(--muted)}.modal-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}.modal-actions .primary-button{width:auto}@keyframes fadeIn{0%{opacity:0}}@keyframes modalIn{0%{opacity:0;transform:translateY(16px) scale(.97)}}@keyframes ringPulse{0%,to{transform:scale(1);box-shadow:0 0 #ffd16661}50%{transform:scale(1.05) rotate(-2deg);box-shadow:0 0 0 18px #ffd16600}}@media(max-width:1040px){.workspace,.alarm-list,.preview-page{grid-template-columns:1fr}.alarm-form{position:static}}@media(max-width:760px){.app-shell{padding:18px}.hero h1{font-size:2rem}.control-strip{align-items:stretch;flex-direction:column}.page-tabs{display:flex}.page-tabs button{flex:1}.control-strip .primary-button,.primary-button{width:100%}.stats-grid,.form-grid{grid-template-columns:1fr}.modal-actions{display:grid;grid-template-columns:1fr}.modal-actions .primary-button{width:100%}}