:root{--primary-color: #4a90e2;--error-color: #e74c3c;--success-color: #2ecc71;--border-radius: 8px;--device-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--gray-400: #9ca3af;--gray-500: #6b7280}.content-wrapper{display:flex;width:100%}.notification-form{flex:1;background-color:#fff;padding:2rem;box-shadow:var(--device-shadow);h1{padding-bottom:.5rem;margin-bottom:0}.page-description{color:#64748b;margin-bottom:2rem;font-size:1rem}.notification-info{color:#374151;margin-bottom:2rem;font-size:.875rem;font-weight:500;padding:1rem;background-color:#f8fafc;border-radius:var(--border-radius);border-left:4px solid var(--purple-500)}}.stream-category-display{margin-bottom:2rem;padding:1.5rem;background-color:#f8fafc;border-radius:var(--border-radius);border:1px solid #e2e8f0}.selected-category-info{display:flex;flex-direction:column;gap:1rem}.category-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:100vmax;background-color:var(--category-color-500);color:#fff;width:fit-content}.category-badge .icon{margin-right:.5rem;font-size:1.25rem}.category-badge .name{text-transform:capitalize;font-weight:500}.topic-info{font-size:.875rem;color:#64748b}.topic-name{font-weight:600;color:#374151}.form-group{margin-bottom:1.5rem}label{display:block;margin-bottom:.5rem;font-weight:500;color:#2c3e50}input[type=text],input[type=url],textarea{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:var(--border-radius);font-size:1rem;transition:border-color .2s ease}textarea{resize:vertical;min-height:80px;font-family:inherit;line-height:1.5}input[type=text]:focus,input[type=url]:focus,textarea:focus{border-color:var(--primary-color);outline:none}button[type=submit]{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-size:1rem;cursor:pointer;transition:all .2s ease;min-width:120px}button[type=submit]:hover{background-color:#357abd}button[type=submit]:disabled{background-color:var(--gray-400);cursor:not-allowed}.status{margin-top:1rem;padding:1rem;border-radius:var(--border-radius);display:none}.status.success{background-color:#e3fcef;color:var(--success-color);display:block}.status.error{background-color:#fde8e8;color:var(--error-color);display:block}.button-container{display:flex;align-items:center;margin-bottom:5rem;button{margin-left:auto}}.drafts-container{position:sticky;top:5rem;flex:1;height:fit-content;background-color:#fff;margin:2rem;padding:2rem;border-radius:var(--border-radius);box-shadow:var(--device-shadow);h2{margin-top:0;margin-bottom:.5rem;font-size:1.25em}p{font-size:medium;margin-bottom:1.5rem;color:#64748b}}.drafts-list{display:flex;flex-direction:column;gap:1rem}.draft-item{border:1px solid #e2e8f0;border-radius:var(--border-radius);padding:1.5rem;background-color:#fff;transition:all .2s ease}.draft-item:hover{box-shadow:0 2px 8px #0000001a;border-color:#cbd5e1}.draft-item.triggered{background-color:#f8fafc;border-color:#22c55e}.draft-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.draft-title{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.draft-status{display:flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:100vmax;font-size:.75rem;font-weight:500}.draft-status.untriggered{background-color:#fef3c7;color:#92400e}.draft-status.triggered{background-color:#d1fae5;color:#065f46}.draft-description{margin:.5rem 0 1rem;color:#6b7280;line-height:1.5}.draft-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.875rem}.draft-cta{color:var(--purple-600);font-weight:500}.draft-created,.draft-triggered{color:#9ca3af}.draft-actions{display:flex;gap:.5rem;flex-wrap:wrap}.draft-actions button{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border:1px solid;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.trigger-btn{background-color:var(--green-50);border-color:var(--green-200);color:var(--green-700)}.trigger-btn:hover:not(:disabled){background-color:var(--green-100);border-color:var(--green-300)}.trigger-btn:disabled{background-color:var(--gray-100);border-color:var(--gray-200);color:var(--gray-500);cursor:not-allowed}.edit-btn{background-color:var(--blue-50);border-color:var(--blue-200);color:var(--blue-700)}.edit-btn:hover{background-color:var(--blue-100);border-color:var(--blue-300)}.delete-btn{background-color:var(--red-50);border-color:var(--red-200);color:var(--red-700)}.delete-btn:hover{background-color:var(--red-100);border-color:var(--red-300)}.empty-state{text-align:center;padding:3rem 1rem;color:#9ca3af}.empty-state i{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state h3{margin:0 0 .5rem;font-size:1.25rem;color:#6b7280}.empty-state p{margin:0;font-size:1rem}.image-upload-container{margin-top:.5rem}.image-preview-container{width:100%}.image-preview-container .image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem}.image-preview-container .image-preview-wrapper{position:relative;aspect-ratio:1;border-radius:.5rem;overflow:hidden;background-color:var(--gray-100)}.image-preview{width:100%;height:100%;object-fit:cover}.image-preview-wrapper .remove-image{position:absolute;top:.5rem;right:.5rem;background-color:#fff;color:var(--error-color);border:none;border-radius:50%;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;opacity:1;transform:scale(1);padding:0;margin:0;z-index:2}.remove-image:hover{background-color:var(--error-color);color:#fff;box-shadow:0 2px 4px #0003}.remove-image i{font-size:.875rem;line-height:1;display:block}.upload-button{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border:2px dashed var(--gray-300);border-radius:8px;cursor:pointer;transition:all .2s ease;background-color:var(--gray-50);color:var(--gray-600);height:100%;padding:0}.upload-button:hover{border-color:var(--primary-color);background-color:var(--gray-100);color:var(--primary-color)}.upload-button i{font-size:1.5rem}.upload-button span{font-size:.875rem;text-align:center;font-weight:500}.upload-button input[type=file]{display:none}.toast{position:fixed;top:1rem;right:1rem;padding:1rem;border-radius:.5rem;background:#fff;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;min-width:300px;max-width:400px;transform:translate(120%);transition:transform .3s ease;z-index:1000}.toast.show{transform:translate(0)}.toast.success{border-left:4px solid var(--green-500, #22c55e)}.toast.error{border-left:4px solid var(--red-500, #ef4444)}.toast-content{display:flex;align-items:flex-start;gap:.75rem}.toast .success-icon,.toast .error-icon{display:none;font-size:1.25rem}.toast.success .success-icon{display:block;color:var(--green-500, #22c55e)}.toast.error .error-icon{display:block;color:var(--red-500, #ef4444)}.toast-message{flex:1;font-size:.875rem;line-height:1.4}.toast-progress{position:absolute;bottom:0;left:0;height:3px;width:100%;background:#e5e7eb;border-radius:0 0 .5rem .5rem}.toast.success .toast-progress:after,.toast.error .toast-progress:after{content:"";position:absolute;height:100%;width:100%;transform:scaleX(0);transform-origin:left;animation:progress 3s linear forwards}.toast.success .toast-progress:after{background:var(--green-500, #22c55e)}.toast.error .toast-progress:after{background:var(--red-500, #ef4444)}@keyframes progress{to{transform:scaleX(1)}}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--gray-500);gap:.5rem}.loading-state i{font-size:1.5rem}@media (max-width: 1200px){.button-container{margin-bottom:0}.content-wrapper{flex-direction:column;.drafts-container{position:unset;margin:unset;border-radius:unset;border-top:1px solid var(--gray-200)}}.drafts-container{padding-bottom:5rem}}@media (max-width: 480px){.draft-actions{flex-direction:column}.draft-actions button{justify-content:center}.draft-meta{flex-direction:column;align-items:flex-start;gap:.25rem}}