.telegram-settings{max-width:800px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.connection-status{display:flex;align-items:center;gap:15px;padding:20px;border-radius:12px;margin-bottom:30px}.connection-status.connected{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.connection-status.not-connected{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.status-info h3{margin:0 0 5px;font-size:20px;font-weight:600}.status-info p{margin:0;opacity:.9;font-size:14px}.disconnect-btn{margin-left:auto;padding:8px 16px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;transition:all .2s}.disconnect-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.connection-steps{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:25px;margin-bottom:25px}.connection-steps h4{margin:0 0 20px;color:#1f2937;font-size:18px}.step{display:flex;gap:15px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f3f4f6}.step:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.step.completed{opacity:.7}.step-number{width:32px;height:32px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.step.completed .step-number{background:#10b981}.step-content{flex:1}.step-content p{margin:0 0 10px;color:#4b5563;font-size:15px}.code-display{display:flex;align-items:center;gap:10px;padding:12px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;font-family:Courier New,monospace}.code{font-size:24px;font-weight:600;color:#1f2937;letter-spacing:4px}.timer{margin-left:auto;padding:4px 8px;background:#fee2e2;color:#dc2626;border-radius:4px;font-size:14px;font-weight:500}.command-display{display:flex;align-items:center;gap:10px;padding:10px;background:#1e293b;border-radius:8px}.command-display code{flex:1;color:#94a3b8;font-family:Courier New,monospace;font-size:14px}.copy-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;background:#334155;color:#cbd5e1;border:none;border-radius:6px;cursor:pointer;transition:all .2s;font-size:13px}.copy-btn:hover{background:#475569}.generate-btn{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.generate-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.regenerate-btn{width:100%;padding:10px;background:#fff;color:#6b7280;border:1px solid #e5e7eb;border-radius:8px;margin-top:15px;cursor:pointer;transition:all .2s}.regenerate-btn:hover{background:#f9fafb;border-color:#d1d5db}.bot-link{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;background:#08c;color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:all .2s}.bot-link:hover{background:#0077b5;transform:translateY(-1px)}.info-box{display:flex;align-items:flex-start;gap:10px;padding:15px;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;margin-top:20px}.info-box p{margin:0;color:#92400e;font-size:14px;line-height:1.5}.features-list{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.features-list h4{margin:0 0 15px;color:#1f2937;font-size:16px}.features-list ul{margin:0;padding:0;list-style:none}.features-list li{padding:8px 0;color:#4b5563;font-size:14px}.settings-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:20px}.settings-section h4{margin:0 0 20px;color:#1f2937;font-size:16px;font-weight:600}.preference-list{display:flex;flex-direction:column;gap:15px}.preference-item{display:flex;align-items:flex-start;gap:10px;cursor:pointer;padding:10px;border-radius:8px;transition:background .2s}.preference-item:hover{background:#f9fafb}.preference-item input[type=checkbox]{margin-top:2px;cursor:pointer}.preference-item span{flex:1;color:#1f2937;font-weight:500}.preference-item small{display:block;color:#6b7280;font-size:13px;margin-top:2px}.quiet-hours-config{display:flex;gap:15px;margin-top:15px;padding:15px;background:#f9fafb;border-radius:8px}.time-input label{display:flex;flex-direction:column;gap:5px;color:#4b5563;font-size:14px}.time-input input[type=time]{padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}@media (max-width: 640px){.telegram-settings{padding:15px}.connection-status{flex-direction:column;text-align:center}.disconnect-btn{margin:15px 0 0;width:100%}.code{font-size:20px;letter-spacing:2px}.quiet-hours-config{flex-direction:column}}.tl-priority-row{animation:priorityPulse 2.5s infinite ease-in-out;border-left:4px solid #dc2626!important;background:linear-gradient(90deg,#dc26260d,#fff 15%)!important;position:relative}@keyframes priorityPulse{0%,to{opacity:.7;box-shadow:0 0 5px #dc26264d}50%{opacity:1;box-shadow:0 0 15px #dc262699}}.tl-priority-icon{display:inline-flex;align-items:center;font-size:.875rem;color:#dc2626;margin-right:.25rem}button:focus,button:active{outline:none!important;box-shadow:none!important;border:none!important}button:hover:not(:disabled){transform:scale(1.1);transition:transform .2s ease}.tl-priority-toggle{background:#dc2626;color:#fff;border:none;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.75rem;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.tl-priority-toggle:hover{background:#b91c1c;transform:scale(1.05)}.tl-priority-toggle.active{background:#dc2626;box-shadow:0 0 8px #dc262680}.tl-priority-toggle.inactive{background:#6b7280;color:#fff}.tl-priority-toggle.inactive:hover{background:#4b5563}.tl-priority-flash{animation:priorityFlash .6s ease-out}@keyframes priorityFlash{0%{background-color:#dc26264d;transform:scale(1.02)}50%{background-color:#dc26261a;transform:scale(1.01)}to{background-color:transparent;transform:scale(1)}}.bulk-priority-btn{background:#dc2626;color:#fff;border:none;padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.bulk-priority-btn:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 2px 4px #dc26264d}.bulk-priority-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.tl-priority-note-tooltip{position:absolute;background:#1f2937;color:#fff;padding:.5rem;border-radius:4px;font-size:.75rem;white-space:nowrap;z-index:1000;box-shadow:0 4px 6px #0000001a;max-width:200px;white-space:normal}.tl-priority-note-tooltip:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #1f2937}.analytics-priority-indicator{background:#dc2626;color:#fff;padding:.2rem .4rem;border-radius:8px;font-size:.6rem;font-weight:600;display:inline-flex;align-items:center;gap:.2rem;animation:priorityBadgePulse 2s infinite ease-in-out}@keyframes priorityBadgePulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}@media (prefers-reduced-motion: reduce){.tl-priority-row,.analytics-priority-indicator{animation:none}.tl-priority-toggle:hover,.bulk-priority-btn:hover{transform:none}.tl-priority-flash{animation:none;background-color:#dc26261a}}@media (max-width: 768px){.tl-priority-toggle{padding:.2rem .4rem;font-size:.7rem}.analytics-priority-indicator{padding:.2rem .4rem;font-size:.6rem}.tl-priority-note-tooltip{max-width:150px;font-size:.7rem}}@keyframes slideIn{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(400px)}}@keyframes bellPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes badgeBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.notification-bell{position:relative;cursor:pointer;padding:8px;border-radius:8px;background:#ffffff1a;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.notification-bell:hover{background:#fff3;transform:scale(1.05)}.notification-bell.has-unread{animation:bellPulse 2s infinite}.notification-badge{position:absolute;top:4px;right:4px;background:#ef4444;color:#fff;border-radius:9999px;padding:2px 5px;font-size:.65rem;font-weight:700;min-width:16px;text-align:center;border:2px solid currentColor;animation:badgeBounce .5s ease}.notification-panel{position:absolute;top:100%;right:0;margin-top:8px;width:400px;max-height:500px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;overflow:hidden;z-index:1000;display:flex;flex-direction:column;animation:slideIn .3s ease}.notification-panel-header{padding:16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to right,#f9fafb,#f3f4f6)}.notification-panel-body{flex:1;overflow-y:auto;max-height:400px;background:#fff}.notification-panel-body::-webkit-scrollbar{width:6px}.notification-panel-body::-webkit-scrollbar-track{background:#f3f4f6}.notification-panel-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.notification-panel-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.notification-item{padding:12px 16px;border-bottom:1px solid #f3f4f6;cursor:pointer;background:#fff;transition:all .2s ease;position:relative;display:flex;align-items:flex-start;gap:12px}.notification-item.unread{background:#f0f9ff;border-left:3px solid var(--notification-color, #3b82f6)}.notification-item:hover{background:#f9fafb}.notification-item.unread:hover{background:#dbeafe}.notification-item-icon{font-size:1.2rem;margin-top:2px;flex-shrink:0}.notification-item-content{flex:1}.notification-item-title{font-size:.85rem;font-weight:600;color:#1f2937;margin-bottom:4px}.notification-item.read .notification-item-title{font-weight:400}.notification-item-message{font-size:.75rem;color:#6b7280;margin-bottom:4px;line-height:1.4}.notification-item-meta{font-size:.7rem;color:#9ca3af;display:flex;align-items:center;gap:8px}.notification-item-delete{padding:4px;background:transparent;border:none;cursor:pointer;color:#9ca3af;opacity:0;transition:all .2s ease;flex-shrink:0}.notification-item:hover .notification-item-delete{opacity:1}.notification-item-delete:hover{color:#ef4444;transform:scale(1.1)}.notification-unread-dot{position:absolute;top:16px;right:16px;width:8px;height:8px;border-radius:50%;background:var(--notification-color, #3b82f6);animation:badgeBounce .5s ease}.notification-permission-prompt{padding:12px 16px;background:#fef3c7;border-bottom:1px solid #fde68a;display:flex;justify-content:space-between;align-items:center;gap:12px}.notification-permission-text{font-size:.85rem;color:#92400e;display:flex;align-items:center;gap:8px}.notification-permission-button{padding:4px 12px;font-size:.75rem;background:#f59e0b;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.notification-permission-button:hover{background:#d97706;transform:scale(1.05)}.notification-empty{padding:48px;text-align:center;color:#9ca3af;display:flex;flex-direction:column;align-items:center;gap:12px}.notification-empty-icon{font-size:32px;color:#d1d5db}.notification-empty-title{margin:0;font-size:.9rem;color:#6b7280}.notification-empty-subtitle{margin:0;font-size:.75rem;color:#d1d5db}.notification-toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.notification-toast{position:relative;padding:16px;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:320px;max-width:420px;display:flex;align-items:flex-start;gap:12px;animation:slideIn .3s ease;transition:all .3s ease;pointer-events:all;cursor:pointer}.notification-toast.exiting{animation:slideOut .3s ease}.notification-toast.approval{background:#dcfce7;border:1px solid #86efac;color:#14532d}.notification-toast.rejection{background:#fee2e2;border:1px solid #fca5a5;color:#7f1d1d}.notification-toast.priority{background:#fef3c7;border:1px solid #fde68a;color:#78350f}.notification-toast.mention{background:#ede9fe;border:1px solid #c4b5fd;color:#4c1d95}.notification-toast.assignment{background:#dbeafe;border:1px solid #93c5fd;color:#1e3a8a}.notification-toast.comment{background:#f0f9ff;border:1px solid #bfdbfe;color:#1e3a8a}.notification-toast.update{background:#f3f4f6;border:1px solid #d1d5db;color:#1f2937}.notification-toast-icon{flex-shrink:0;margin-top:2px;font-size:20px}.notification-toast-content{flex:1}.notification-toast-title{font-size:.9rem;font-weight:600;margin-bottom:4px}.notification-toast-message{font-size:.8rem;opacity:.9;line-height:1.4}.notification-toast-meta{font-size:.75rem;opacity:.8;margin-top:4px}.notification-toast-close{flex-shrink:0;padding:4px;background:transparent;border:none;cursor:pointer;opacity:.6;transition:opacity .2s}.notification-toast-close:hover{opacity:1}.notification-action-buttons{display:flex;gap:8px;margin-top:8px}.notification-action-button{padding:4px 8px;font-size:.75rem;border-radius:4px;cursor:pointer;transition:all .2s ease;border:none}.notification-action-button.primary{background:#3b82f6;color:#fff}.notification-action-button.primary:hover{background:#2563eb}.notification-action-button.secondary{background:transparent;color:inherit;border:1px solid currentColor;opacity:.7}.notification-action-button.secondary:hover{opacity:1;background:#0000000d}.notification-icon-approval:before{content:"✅"}.notification-icon-rejection:before{content:"❌"}.notification-icon-priority:before{content:"🔥"}.notification-icon-mention:before{content:"@"}.notification-icon-assignment:before{content:"📋"}.notification-icon-comment:before{content:"💬"}.notification-icon-update:before{content:"🔄"}@media (max-width: 640px){.notification-panel{width:90vw;max-width:400px;right:50%;transform:translate(50%)}.notification-toast-container{left:10px;right:10px}.notification-toast{min-width:unset;max-width:100%}}@media (prefers-color-scheme: dark){.notification-panel{background:#1f2937;box-shadow:0 10px 40px #00000080}.notification-panel-header{background:linear-gradient(to right,#1f2937,#111827);border-bottom-color:#374151}.notification-panel-body{background:#1f2937}.notification-item{background:#1f2937;border-bottom-color:#374151}.notification-item.unread{background:#1e293b}.notification-item:hover{background:#374151}.notification-item.unread:hover{background:#334155}.notification-item-title{color:#f3f4f6}.notification-item-message{color:#9ca3af}.notification-item-meta{color:#6b7280}}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.main-container{display:grid;grid-template-columns:245px 1fr;height:100%;gap:0;flex:1;min-height:0;overflow:hidden}.main-container>.tl-dashboard,.main-container>.analytics-dashboard{height:100%;overflow-y:auto;overflow-x:hidden}.panel-body::-webkit-scrollbar{width:6px}.panel-body::-webkit-scrollbar-track{background:#f1f5f9}.panel-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.panel-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 1200px) and (min-width: 1101px){.main-container{grid-template-columns:210px 1fr}.quick-form-sidebar{width:210px!important;padding:.75rem!important}.quick-form-sidebar h2{font-size:.82rem!important;margin-bottom:.7rem!important}.quick-form-sidebar label{font-size:.68rem!important}.quick-form-sidebar input,.quick-form-sidebar select,.quick-form-sidebar textarea{padding:.45rem!important;font-size:.68rem!important}.quick-form-sidebar button{padding:.6rem!important;font-size:.7rem!important}.quick-form-sidebar>form>div{margin-bottom:.7rem!important}}@media (max-width: 768px){.main-container{grid-template-columns:1fr;flex-direction:column}.quick-form-sidebar{display:none!important}}@media (max-width: 850px) and (min-width: 769px){.main-container{grid-template-columns:160px 1fr}.quick-form-sidebar{width:160px!important;padding:.4rem!important}.quick-form-sidebar h2{font-size:.7rem!important;margin-bottom:.4rem!important;gap:.2rem!important}.quick-form-sidebar label{font-size:.55rem!important;margin-bottom:.2rem!important}.quick-form-sidebar input,.quick-form-sidebar select,.quick-form-sidebar textarea{padding:.3rem!important;font-size:.55rem!important;border-radius:3px!important;border-width:1px!important}.quick-form-sidebar button{padding:.4rem!important;font-size:.6rem!important;margin-top:.4rem!important}.quick-form-sidebar>form>div{margin-bottom:.5rem!important}.quick-form-sidebar small{font-size:.5rem!important;margin-top:.1rem!important}.quick-form-sidebar textarea{min-height:40px!important}}@media (max-width: 950px) and (min-width: 851px){.main-container{grid-template-columns:180px 1fr}.quick-form-sidebar{width:180px!important;padding:.5rem!important}.quick-form-sidebar h2{font-size:.75rem!important;margin-bottom:.5rem!important;gap:.25rem!important}.quick-form-sidebar label{font-size:.6rem!important;margin-bottom:.25rem!important}.quick-form-sidebar input,.quick-form-sidebar select,.quick-form-sidebar textarea{padding:.35rem!important;font-size:.6rem!important;border-radius:4px!important;border-width:1px!important}.quick-form-sidebar button{padding:.5rem!important;font-size:.65rem!important;margin-top:.5rem!important}.quick-form-sidebar>form>div{margin-bottom:.6rem!important}.quick-form-sidebar small{font-size:.55rem!important;margin-top:.15rem!important}.quick-form-sidebar textarea{min-height:45px!important}}@media (max-width: 1100px) and (min-width: 1001px){.main-container{grid-template-columns:200px 1fr}.quick-form-sidebar{width:200px!important;padding:.7rem!important}.quick-form-sidebar h2{font-size:.8rem!important;margin-bottom:.7rem!important;gap:.3rem!important}.quick-form-sidebar label{font-size:.65rem!important;margin-bottom:.3rem!important}.quick-form-sidebar input,.quick-form-sidebar select,.quick-form-sidebar textarea{padding:.4rem!important;font-size:.65rem!important;border-radius:4px!important}.quick-form-sidebar button{padding:.6rem!important;font-size:.7rem!important;margin-top:.6rem!important}.quick-form-sidebar>form>div{margin-bottom:.7rem!important}.quick-form-sidebar small{font-size:.6rem!important}.quick-form-sidebar textarea{min-height:55px!important}}@media (max-width: 1000px) and (min-width: 951px){.main-container{grid-template-columns:190px 1fr}.quick-form-sidebar{width:190px!important;padding:.6rem!important}.quick-form-sidebar h2{font-size:.78rem!important;margin-bottom:.6rem!important;gap:.28rem!important}.quick-form-sidebar label{font-size:.63rem!important;margin-bottom:.28rem!important}.quick-form-sidebar input,.quick-form-sidebar select,.quick-form-sidebar textarea{padding:.38rem!important;font-size:.63rem!important;border-radius:4px!important}.quick-form-sidebar button{padding:.55rem!important;font-size:.68rem!important;margin-top:.55rem!important}.quick-form-sidebar>form>div{margin-bottom:.65rem!important}.quick-form-sidebar small{font-size:.58rem!important}.quick-form-sidebar textarea{min-height:50px!important}}@media (max-width: 1200px){.tracking-panels-grid{grid-template-columns:minmax(240px,1fr) minmax(240px,1fr)!important;grid-template-rows:auto auto auto!important;min-height:auto!important}}@media (max-width: 800px){.tracking-panels-grid{grid-template-columns:minmax(240px,1fr)!important;grid-template-rows:auto auto auto auto auto auto!important;min-height:auto!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f8fafc;color:#333;height:100vh;overflow:hidden}#root{height:100vh}