.notification-timer-container[data-v-25873cc7]{width:100%;margin:0 auto;padding:20px}.permission-section[data-v-25873cc7]{text-align:center;padding:40px 20px;background:var(--surface-2);border-radius:var(--radius-md);border:2px dashed var(--border-1)}.permission-icon[data-v-25873cc7]{font-size:64px;color:var(--success);margin-bottom:20px}.permission-section h2[data-v-25873cc7]{color:var(--text-1);margin-bottom:15px}.permission-section p[data-v-25873cc7]{color:var(--text-2);margin-bottom:30px;line-height:1.6}.request-permission-btn[data-v-25873cc7]{padding:12px 30px;background:var(--success);color:var(--text-inverse);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:16px;font-weight:700;transition:background-color var(--transition)}.request-permission-btn[data-v-25873cc7]:hover{background:#12833c}.permission-denied[data-v-25873cc7]{text-align:center;padding:40px 20px;background:#fff3cd;border-radius:var(--radius-md);border:2px solid #ffeaa7}.denied-icon[data-v-25873cc7]{font-size:64px;color:var(--warning);margin-bottom:20px}.permission-denied h2[data-v-25873cc7]{color:#856404;margin-bottom:15px}.permission-denied p[data-v-25873cc7]{color:#856404;margin-bottom:30px;line-height:1.6}.permission-guide[data-v-25873cc7]{text-align:left;background:var(--surface);padding:20px;border-radius:var(--radius-md);margin-bottom:30px;box-shadow:var(--shadow-1)}.permission-guide h3[data-v-25873cc7]{color:var(--text-1);margin-bottom:15px;text-align:center}.browser-guide[data-v-25873cc7]{margin-bottom:20px}.browser-guide h4[data-v-25873cc7]{color:var(--text-2);margin-bottom:10px;display:flex;align-items:center}.browser-guide h4 i[data-v-25873cc7]{margin-right:10px}.browser-guide ol[data-v-25873cc7]{padding-left:25px;color:var(--text-2);line-height:1.6}.browser-guide li[data-v-25873cc7]{margin-bottom:5px}.check-permission-btn[data-v-25873cc7]{padding:10px 20px;background:var(--brand-500);color:var(--text-inverse);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;transition:background-color var(--transition)}.check-permission-btn[data-v-25873cc7]:hover{background:var(--brand-600)}.notification-settings[data-v-25873cc7]{background:var(--surface);padding:20px;border-radius:var(--radius-md);box-shadow:var(--shadow-1)}.settings-header[data-v-25873cc7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid var(--border-1)}.settings-header h2[data-v-25873cc7]{margin:0;color:var(--text-1);display:flex;align-items:center}.settings-header h2 i[data-v-25873cc7]{margin-right:10px;color:var(--brand-500)}.cancel-all-btn[data-v-25873cc7]{padding:8px 16px;background:var(--danger);color:var(--text-inverse);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;transition:background-color var(--transition)}.cancel-all-btn[data-v-25873cc7]:hover:not(:disabled){background:#c33d31}.cancel-all-btn[data-v-25873cc7]:disabled{background:var(--border-2);cursor:not-allowed}.notification-form[data-v-25873cc7]{margin-bottom:30px}.form-group[data-v-25873cc7]{margin-bottom:20px}.form-row[data-v-25873cc7]{display:flex;gap:20px}.form-row .form-group[data-v-25873cc7]{flex:1;margin-bottom:0}.time-input[data-v-25873cc7]{flex:2}.time-unit[data-v-25873cc7]{flex:1}label[data-v-25873cc7]{display:block;margin-bottom:8px;font-weight:700;color:var(--text-1)}input[type=number][data-v-25873cc7],input[type=text][data-v-25873cc7],select[data-v-25873cc7],textarea[data-v-25873cc7]{width:100%;padding:10px;border:1px solid var(--border-1);border-radius:var(--radius-sm);font-size:14px;transition:border-color var(--transition)}input[type=number][data-v-25873cc7]:focus,input[type=text][data-v-25873cc7]:focus,select[data-v-25873cc7]:focus,textarea[data-v-25873cc7]:focus{outline:none;border-color:var(--brand-500);box-shadow:var(--ring)}textarea[data-v-25873cc7]{resize:vertical;min-height:80px}.schedule-btn[data-v-25873cc7]{width:100%;padding:12px;background:var(--brand-500);color:var(--text-inverse);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:16px;font-weight:700;transition:background-color var(--transition)}.schedule-btn[data-v-25873cc7]:hover{background:var(--brand-600)}.active-notifications[data-v-25873cc7]{margin-bottom:30px}.active-notifications h3[data-v-25873cc7]{color:var(--text-1);margin-bottom:15px;display:flex;align-items:center}.active-notifications h3 i[data-v-25873cc7]{margin-right:10px;color:var(--warning)}.notification-list[data-v-25873cc7]{display:flex;flex-direction:column;gap:10px}.notification-item[data-v-25873cc7]{display:flex;justify-content:space-between;align-items:flex-start;padding:15px;background:var(--surface-2);border-radius:var(--radius-md);border-left:4px solid var(--brand-500);transition:all var(--transition)}.notification-item[data-v-25873cc7]:hover{background:var(--surface-3)}.notification-info[data-v-25873cc7]{flex:1;margin-right:10px}.notification-title[data-v-25873cc7]{font-weight:700;color:var(--text-1);margin-bottom:5px}.notification-details[data-v-25873cc7]{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-2)}.notification-body[data-v-25873cc7]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-time[data-v-25873cc7]{margin-left:10px;color:var(--warning);font-weight:700}.cancel-btn[data-v-25873cc7]{background:none;border:none;color:var(--danger);cursor:pointer;font-size:16px;padding:5px;border-radius:50%;transition:background-color var(--transition)}.cancel-btn[data-v-25873cc7]:hover{background:var(--danger-soft)}.usage-tips[data-v-25873cc7]{background:var(--brand-50);padding:15px;border-radius:var(--radius-md);border-left:4px solid var(--brand-500)}.usage-tips h3[data-v-25873cc7]{color:var(--brand-600);margin-bottom:10px;font-size:16px}.usage-tips ul[data-v-25873cc7]{margin:0;padding-left:20px;color:var(--brand-600);line-height:1.6}.usage-tips li[data-v-25873cc7]{margin-bottom:5px}@media (max-width:768px){.notification-timer-container[data-v-25873cc7]{padding:14px}.settings-header[data-v-25873cc7]{flex-direction:column;gap:15px;text-align:center}.form-row[data-v-25873cc7]{flex-direction:column;gap:20px}.form-row .form-group[data-v-25873cc7]{margin-bottom:0}input[type=number][data-v-25873cc7],input[type=text][data-v-25873cc7],select[data-v-25873cc7],textarea[data-v-25873cc7]{font-size:16px}.notification-details[data-v-25873cc7]{flex-direction:column;align-items:flex-start;gap:5px}.notification-time[data-v-25873cc7]{margin-left:0}.permission-denied[data-v-25873cc7],.permission-section[data-v-25873cc7]{padding:24px 14px}.permission-guide[data-v-25873cc7]{padding:14px}}@media (max-width:480px){.notification-timer-container[data-v-25873cc7]{padding:10px}.notification-settings[data-v-25873cc7],.permission-denied[data-v-25873cc7],.permission-section[data-v-25873cc7]{padding:14px}.denied-icon[data-v-25873cc7],.permission-icon[data-v-25873cc7]{font-size:48px}h2[data-v-25873cc7]{font-size:20px}.browser-guide ol[data-v-25873cc7]{padding-left:20px}.notification-item[data-v-25873cc7],.usage-tips[data-v-25873cc7]{padding:12px}.settings-header[data-v-25873cc7]{margin-bottom:20px}}