:root{color-scheme:light dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f1c2e;color:#eef4ff}*{box-sizing:border-box}body,html{margin:0;min-height:100vh;overflow-x:hidden}body{background:linear-gradient(180deg,#0f1c2e,#0b121d 60%,#06090d)}#root{width:100%;height:100vh}.app{display:flex;height:100vh;width:100%}.main-content{flex:1;display:flex;flex-direction:column;min-width:0}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#0f172acc;border-bottom:1px solid rgba(148,163,184,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10}.header-left{display:flex;align-items:center;gap:1rem}.menu-toggle{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#93c5fd;padding:8px 12px;font-size:1.1rem}.page-title{margin:0;font-size:1.25rem;font-weight:600}.header-right{display:flex;align-items:center;gap:1rem}.header-stats{display:flex;gap:1rem}.stat-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#0f172a99;border-radius:8px;border:1px solid rgba(148,163,184,.1)}.stat-label{font-size:.75rem;color:#94a3b8}.stat-value{font-size:.75rem;font-weight:600}.stat-value.online{color:#10b981}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:49;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.sidebar-overlay.open{opacity:1;visibility:visible}.sidebar{position:fixed;top:0;left:0;height:100vh;width:280px;background:#0f172af2;border-right:1px solid rgba(148,163,184,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translate(-100%);transition:transform .3s ease;z-index:50;display:flex;flex-direction:column}.sidebar.open{transform:translate(0)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgba(148,163,184,.15)}.logo{display:flex;align-items:center;gap:.75rem}.logo-icon{font-size:1.5rem}.logo-text{font-size:1.125rem;font-weight:700}.close-btn{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:6px 10px;font-size:.875rem}.sidebar-menu{flex:1;padding:1rem 0}.menu-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1.5rem;color:inherit;text-decoration:none;transition:background-color .2s ease;border-left:3px solid transparent}.menu-item:hover{background:#3b82f61a}.menu-item.active{background:#3b82f626;border-left-color:#3b82f6}.menu-icon{font-size:1.25rem;min-width:1.5rem}.menu-content{display:flex;flex-direction:column;gap:.25rem}.menu-label{font-weight:600;font-size:.875rem}.menu-description{font-size:.75rem;color:#94a3b8}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid rgba(148,163,184,.15)}.status-indicator{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.online{background:#10b981}.status-text{font-size:.75rem;color:#94a3b8}.version{font-size:.625rem;color:#64748b}.page-content{flex:1;padding:2rem;overflow-y:auto}.dashboard h1{margin-bottom:.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#0f172a99;border:1px solid rgba(148,163,184,.15);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stat-icon{font-size:2rem;min-width:3rem}.stat-content h3{margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.stat-content p{margin:0;color:#94a3b8;font-size:.875rem}.recent-activity{margin-top:2rem}.activity-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.activity-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#0f172a66;border-radius:8px;border:1px solid rgba(148,163,184,.1)}.activity-icon{font-size:1rem;min-width:1.5rem}.activity-time{margin-left:auto;font-size:.75rem;color:#94a3b8}.grid{display:grid;gap:1.5rem}.form-row{display:flex;flex-direction:column;gap:.5rem}.form-actions{display:flex;gap:1rem;flex-wrap:wrap}.search-form{background:#0f172a99;border:1px solid rgba(148,163,184,.15);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.search-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.search-actions{display:flex;gap:1rem}.status-message{padding:1rem;background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#93c5fd;margin-bottom:1.5rem;white-space:pre-line}.status-message.large{font-size:1rem;padding:1.5rem}.table-wrapper{overflow-x:auto;margin-top:1rem;border-radius:8px;border:1px solid rgba(148,163,184,.15)}table{width:100%;border-collapse:collapse;font-size:.875rem}thead{background:#3b82f61a}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid rgba(148,163,184,.1)}.promo-thumbnail{width:60px;height:40px;object-fit:cover;border-radius:4px}.actions-cell{display:flex;gap:.5rem}.edit-btn{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#86efac;padding:6px 12px;font-size:.75rem}.delete-btn{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:6px 12px;font-size:.75rem}.secondary{background:#47556999;border:1px solid rgba(71,85,105,.8)}.link-button{color:#8bd5ff;text-decoration:none;font-size:.75rem}.count{color:#94a3b8;font-weight:400;font-size:.875rem}.customer-id-input{background:#0f172a99;border:1px solid rgba(148,163,184,.2);padding:6px 8px;font-size:.8rem;width:auto;min-width:120px}.telegram-id{font-family:monospace}.title-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date-cell{font-size:.75rem;color:#94a3b8}.empty-state{text-align:center;padding:2rem;color:#94a3b8}.target-options{display:flex;flex-direction:column;gap:1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.target-inputs{display:flex;flex-direction:column;gap:1rem;padding-left:1.5rem}.preview-box{background:#0f172a66;border:1px solid rgba(148,163,184,.1);border-radius:8px;padding:1rem;margin-top:.5rem}.csv-summary{color:#10b981;font-weight:600}.send-btn{background:linear-gradient(135deg,#10b981,#059669);font-weight:600}.broadcast-tips{margin-top:2rem;background:#0f172a66;border:1px solid rgba(148,163,184,.1);border-radius:8px;padding:1.5rem}.broadcast-tips ul{margin:.5rem 0 0;padding-left:1.5rem}.broadcast-tips li{color:#94a3b8;font-size:.875rem;margin-bottom:.25rem}.message-type-selector{margin-bottom:1.5rem}.message-type-selector h3{margin:0 0 .75rem;font-size:1rem}.radio-group{display:flex;gap:1rem}.radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.75rem 1rem;background:#0f172a66;border:2px solid rgba(148,163,184,.1);border-radius:8px;transition:all .3s ease}.radio-label:hover{border-color:#3b82f64d;background:#3b82f60d}.radio-label input[type=radio]:checked+span{color:#60a5fa;font-weight:600}.radio-label input[type=radio]:checked{accent-color:#3b82f6}.image-section{margin-bottom:1.5rem;padding:1rem;background:#0f172a4d;border-radius:8px;border:1px solid rgba(148,163,184,.1)}.image-preview{margin-top:1rem;text-align:center}.image-preview img{max-width:300px;max-height:200px;border-radius:8px;box-shadow:0 4px 12px #0000004d;transition:transform .3s ease}.image-preview img:hover{transform:scale(1.05)}.message-editor{position:relative}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem;background:#0f172a99;border-radius:8px;border:1px solid rgba(148,163,184,.15);flex-wrap:wrap;gap:1rem}.formatting-buttons{display:flex;gap:.5rem}.toolbar-btn{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#93c5fd;padding:8px 12px;font-size:.875rem;border-radius:6px;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;position:relative}.toolbar-btn:hover{background:#3b82f640;transform:translateY(-1px) scale(1.05)}.emoji-section{position:relative}.emoji-picker{position:absolute;top:100%;right:0;z-index:100;background:#0f172af2;border:1px solid rgba(148,163,184,.15);border-radius:12px;padding:1rem;box-shadow:0 10px 40px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:280px;max-height:300px;overflow-y:auto}.emoji-picker h4{margin:0 0 .75rem;color:#eef4ff;font-size:.875rem}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.25rem}.emoji-item{background:transparent;border:none;padding:.5rem;font-size:1.25rem;border-radius:4px;cursor:pointer;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.emoji-item:hover{background:#3b82f626;transform:scale(1.2)}.message-stats{display:flex;justify-content:space-between;margin-top:.5rem;gap:1rem;flex-wrap:wrap}.message-stats small{color:#94a3b8;font-size:.75rem}.message-preview{margin-top:1.5rem;padding:1rem;background:#0f172a66;border:1px solid rgba(148,163,184,.1);border-radius:8px}.message-preview h4{margin:0 0 1rem;color:#60a5fa;font-size:.875rem}.telegram-message{background:#fff;color:#000;border-radius:12px;padding:0;max-width:400px;box-shadow:0 2px 10px #0000001a;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.telegram-image{width:100%}.telegram-image img{width:100%;height:auto;display:block}.telegram-text{padding:12px 16px;font-size:14px;line-height:1.4;white-space:pre-wrap;word-wrap:break-word}.preview-btn{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#86efac}.preview-btn:hover{background:#22c55e40}.card{background:#0f172a99;border:1px solid rgba(148,163,184,.15);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem}.no-resize{resize:none}.label{display:inline-block;margin-bottom:.35rem;color:#cbd5e1;font-size:.9rem}.input{background:#0f172a99;border:1px solid rgba(148,163,184,.25);color:#eef4ff;border-radius:8px;padding:.6rem .75rem;font-size:.95rem}.targets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width: 1024px){.targets-grid{grid-template-columns:1fr}}.settings-page{display:flex;flex-direction:column;gap:1rem}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.settings-content{display:grid;grid-template-columns:260px 1fr;gap:1.5rem}.settings-nav{position:sticky;top:1rem;align-self:start;background:#0f172a99;border:1px solid rgba(148,163,184,.15);border-radius:12px;padding:.75rem;display:flex;flex-direction:column}.settings-nav .nav-item{padding:.625rem .75rem;border-radius:8px;color:#c7d2fe;text-decoration:none}.settings-nav .nav-item:hover{background:#3b82f626}.settings-form{display:flex;flex-direction:column;gap:1.25rem}.settings-card{background:#0f172a99;border:1px solid rgba(148,163,184,.15);border-radius:12px;padding:1rem 1.25rem}.settings-card h3{margin:0 0 1rem;font-size:1rem}.settings-grid{display:grid;grid-template-columns:1fr;gap:1rem}.settings-grid.two-col{grid-template-columns:repeat(2,1fr)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;color:#cbd5e1}.form-group input[type=text],.form-group textarea{background:#0f172a99;border:1px solid rgba(148,163,184,.25);color:#eef4ff;border-radius:8px;padding:.6rem .75rem;font-size:.95rem;outline:none}.form-group textarea{min-height:90px;resize:vertical}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#3b82f699;box-shadow:0 0 0 3px #3b82f626}.form-actions.sticky{position:sticky;bottom:0;background:linear-gradient(180deg,#02060c00,#02060c99);padding-top:.5rem}@media (max-width: 1024px){.settings-content{grid-template-columns:1fr}.settings-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:.5rem}}@media (max-width: 768px){.page-content{padding:1rem}.stats-grid{grid-template-columns:1fr}.header-stats{display:none}.search-row{grid-template-columns:1fr}.form-actions,.actions-cell{flex-direction:column}.sidebar{width:100vw}.target-inputs{padding-left:0}.table-wrapper{font-size:.75rem}th,td{padding:.5rem}}button{background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;border:none;border-radius:10px;padding:12px 18px;cursor:pointer;font-size:1rem;font-weight:600;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #2563eb33}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #2563eb66;filter:brightness(1.1)}button:hover:before{left:100%}button:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px #2563eb4d;transition:all .1s}button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none;filter:none}button:disabled:before{display:none}.edit-btn:hover{background:#22c55e40;transform:translateY(-1px) scale(1.05);box-shadow:0 6px 20px #22c55e4d}.delete-btn:hover{background:#ef444440;transform:translateY(-1px) scale(1.05);box-shadow:0 6px 20px #ef44444d}.send-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #10b98166}.secondary:hover{background:#475569cc;transform:translateY(-1px) scale(1.02)}.stat-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 35px #0f172a99;border-color:#3b82f64d}.menu-item{transition:all .3s cubic-bezier(.4,0,.2,1)}.menu-item:hover{background:#3b82f626;transform:translate(4px);box-shadow:inset 3px 0 #3b82f6}tbody tr{transition:all .2s ease}tbody tr:hover{background:#3b82f60d;transform:scale(1.005)}input:focus,textarea:focus,select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;transform:scale(1.01);transition:all .3s ease}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;display:inline-block;margin-right:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-dot.online{animation:pulse 2s infinite}@media (min-width: 1024px){.sidebar{position:static;transform:none;width:280px}.sidebar-overlay,.menu-toggle{display:none}}.phone-cell{font-family:monospace;font-size:.9em}.phone-status.verified{color:#28a745;font-weight:500}.phone-status.unverified{color:#ffc107;font-weight:500}.events-page{padding:1.5rem}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-top:1.5rem}.event-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.tabs{display:flex;gap:.5rem;border-bottom:1px solid #334155}.tab{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid transparent;border-bottom:2px solid transparent;border-radius:.5rem .5rem 0 0;color:#cbd5e1;background:transparent;cursor:pointer}.tab:hover{color:#fff}.tab.active{color:#fff;border-color:#334155;border-bottom-color:#60a5fa;background:#0f172a}.tab:disabled{opacity:.5;cursor:not-allowed}.event-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000004d;border-color:#fff3}.event-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}input,select,textarea{font-size:1rem;padding:12px 14px;border-radius:10px}thead th{font-size:.95rem}.event-header h3{margin:0;color:#fff;font-size:1.2rem;font-weight:600}.status{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status.active{background:#28a74533;color:#28a745;border:1px solid rgba(40,167,69,.3)}.status.draft{background:#ffc10733;color:#ffc107;border:1px solid rgba(255,193,7,.3)}.status.inactive{background:#dc354533;color:#dc3545;border:1px solid rgba(220,53,69,.3)}.event-description{color:#b8c5d6;margin:1rem 0;line-height:1.5}.event-meta{margin:1rem 0;font-size:.9rem;color:#8a9aa8}.event-actions{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.btn-sm{padding:.4rem .8rem;font-size:.85rem}.modal-lg{max-width:800px}.questions-list{max-height:500px;overflow-y:auto;padding:.5rem}.question-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;margin-bottom:1rem}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.question-number{background:#4a90e233;color:#4a90e2;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:600}.question-type{padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500}.question-type.button{background:#28a74533;color:#28a745}.question-type.text{background:#4a90e233;color:#4a90e2}.question-text{color:#fff;margin:.75rem 0;font-weight:500}.button-options{margin-top:1rem}.button-options strong{color:#b8c5d6;font-size:.9rem}.options-list{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.option-tag{background:#ffffff1a;color:#eef4ff;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;border:1px solid rgba(255,255,255,.2)}.empty-state{text-align:center;padding:3rem 1rem;color:#8a9aa8}.empty-state h3{color:#b8c5d6;margin-bottom:.5rem}