:root{--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-success:#16a34a;--color-danger:#dc2626;--color-warning:#f59e0b;--color-bg:#f9fafb;--color-surface:#fff;--color-text:#111827;--color-text-secondary:#6b7280;--color-border:#e5e7eb;--radius:12px;--shadow:0 1px 3px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.app{max-width:640px;margin:0 auto;padding:0 16px}header{text-align:center;border-bottom:1px solid var(--color-border);margin-bottom:24px;padding:20px 0}header h1{margin-bottom:12px;font-size:1.5rem}header nav{justify-content:center;gap:8px;display:flex}header nav a{color:var(--color-text-secondary);border-radius:8px;padding:8px 20px;font-weight:500;text-decoration:none;transition:all .2s}header nav a:hover{background:var(--color-border)}header nav a.active{background:var(--color-primary);color:#fff}main{padding-bottom:40px}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-border);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background:#d1d5db}.btn-small{width:auto;padding:6px 14px;font-size:.85rem}.status-section{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.status-badge{text-align:center;border-radius:8px;padding:8px 16px;font-weight:600;display:inline-block}.status-badge.active{color:var(--color-success);background:#dcfce7}.status-badge.inactive{color:var(--color-danger);background:#fee2e2}.permission-info{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:8px 16px;font-size:.9rem}.info-box{border-radius:var(--radius);color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;margin:12px 0;padding:12px 16px;font-size:.9rem}.warning-box{border-radius:var(--radius);color:#92400e;background:#fffbeb;border:1px solid #fde68a;margin:12px 0;padding:16px}.warning-box h3{margin-bottom:8px}.warning-box ol{margin-left:20px}.error-box{border-radius:var(--radius);color:var(--color-danger);background:#fef2f2;border:1px solid #fecaca;margin:12px 0;padding:12px 16px}.actions{margin:20px 0}.info-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);margin-top:32px;padding:20px}.info-section h3{margin-bottom:12px}.info-section ol{margin-left:20px}.info-section li{margin-bottom:8px}.ios-install-prompt{text-align:center}.ios-install-prompt h2{margin-bottom:12px}.install-steps{text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);margin:20px 0;padding:20px}.install-steps h3{margin-bottom:12px}.install-steps ol{margin-left:20px}.install-steps li{margin-bottom:10px;line-height:1.5}.share-icon{font-size:1.2em}.admin-page h2{margin-bottom:20px}.admin-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.login-form{flex-direction:column;gap:12px;max-width:360px;margin:0 auto;display:flex}.login-form label{font-weight:600}.login-form input{border:1px solid var(--color-border);border-radius:8px;padding:10px 14px;font-size:1rem}.error-text{color:var(--color-danger);font-size:.9rem}.stats-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;margin-bottom:24px;padding:20px}.stats-card h3{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem}.stat-number{color:var(--color-primary);margin:8px 0;font-size:2.5rem;font-weight:700}.subscriber-list{margin-bottom:24px}.subscriber-list h3{margin-bottom:12px}.subscriber-list table{border-collapse:collapse;width:100%;font-size:.85rem}.subscriber-list th,.subscriber-list td{text-align:left;border-bottom:1px solid var(--color-border);padding:8px 12px}.subscriber-list th{background:var(--color-bg);font-weight:600}.endpoint-cell{text-overflow:ellipsis;white-space:nowrap;max-width:200px;color:var(--color-text-secondary);font-family:monospace;font-size:.8rem;overflow:hidden}.send-form-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.send-form-section h3{margin-bottom:16px}.send-form{flex-direction:column;gap:14px;display:flex}.form-group{flex-direction:column;gap:4px;display:flex}.form-group label{font-size:.9rem;font-weight:600}.form-group input,.form-group textarea{border:1px solid var(--color-border);resize:vertical;border-radius:8px;padding:10px 14px;font-family:inherit;font-size:1rem}.form-group input:focus,.form-group textarea:focus{outline:2px solid var(--color-primary);border-color:var(--color-primary)}.send-result{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-top:16px;padding:16px}.send-result h4{margin-bottom:8px}.send-result p{margin:4px 0}.subscribe-page h2{margin-bottom:16px}