body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden}.app,.auth-screen{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);display:flex;min-height:100vh}.auth-screen{align-items:center;justify-content:center;overflow:hidden;position:relative}.auth-screen:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle at 20% 50%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d 0,#0000 50%),radial-gradient(circle at 40% 80%,#78dbff4d 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}.auth-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 50px #00000080;max-width:480px;padding:48px;position:relative;width:100%;z-index:1}.auth-header{margin-bottom:40px;text-align:center}.logo{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:16px}.logo-icon{-webkit-text-fill-color:#0000;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:48px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700}.auth-subtitle{color:#a0a0a0;font-size:16px;font-weight:400}.auth-form-container{width:100%}.auth-tabs{background:#ffffff0d;border-radius:12px;display:flex;margin-bottom:32px;padding:4px}.auth-tab{background:#0000;border:none;border-radius:8px;color:#a0a0a0;cursor:pointer;flex:1 1;font-weight:500;padding:12px 24px;transition:all .3s ease}.auth-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.auth-form{display:flex;flex-direction:column;gap:24px}.form-group input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:16px;padding:16px;transition:all .3s ease}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input::placeholder{color:#666}.auth-submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px;transition:all .3s ease}.auth-submit-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.auth-message{border-radius:12px;font-weight:500;padding:16px;text-align:center}.auth-message.success{background:#22c55e1a;border:1px solid #22c55e33;color:#22c55e}.auth-message.error{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border-right:1px solid #ffffff1a;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:280px;z-index:100}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:24px}.user-info{gap:12px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.user-details h3{color:#fff;font-size:16px;font-weight:600;margin-bottom:4px}.user-role{background:#ffffff1a;border-radius:6px;color:#a0a0a0;font-size:12px;padding:2px 8px}.user-credits{align-items:center;background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid #22c55e33;border-radius:8px;display:flex;gap:6px;margin-top:8px;padding:8px 12px}.credits-icon{font-size:14px}.credits-value{color:#22c55e;font-size:13px;font-weight:600}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:24px 0}.nav-item{align-items:center;background:#0000;border:none;border-radius:0;color:#a0a0a0;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:16px 24px;text-align:left;transition:all .3s ease;width:100%}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.nav-icon{font-size:18px;text-align:center;width:20px}.sidebar-footer{border-top:1px solid #ffffff1a;padding:24px}.logout-btn{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;transition:all .3s ease;width:100%}.logout-btn:hover{background:#ef444433;transform:translateY(-1px)}.main-content{background:#0000;flex:1 1;margin-left:280px;min-height:100vh;overflow-x:hidden}.page-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border-bottom:1px solid #ffffff1a;padding:32px 32px 24px;position:sticky;top:0;z-index:10}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:32px;font-weight:700;margin-bottom:8px}.page-header p{color:#a0a0a0;font-size:16px}.device-limit-badge{align-items:center;background:#667eea1a;border:1px solid #667eea4d;border-radius:12px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-top:12px;padding:8px 16px}.device-count{color:#667eea;font-size:16px;font-weight:700}.limit-warning{color:#f59e0b;font-weight:600}.warning-banner{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:12px;color:#f59e0b;display:flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:20px;padding:16px}.analytics,.contact-manager,.dashboard,.device-manager,.message-scheduler,.message-sender,.settings,.template-manager{width:100%}.dashboard>*{padding:0 32px}.dashboard .page-header{padding:32px 32px 24px}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px;padding-top:32px}.stat-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.stat-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card.blue:before{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-card.green:before{background:linear-gradient(135deg,#10b981,#059669)}.stat-card.purple:before{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-card.orange:before{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card:hover{box-shadow:0 20px 40px #0000004d;transform:translateY(-4px)}.stat-icon{align-items:center;background:#ffffff1a;border-radius:16px;display:flex;font-size:32px;height:60px;justify-content:center;width:60px}.stat-content h3{color:#fff;font-size:32px;font-weight:700;margin-bottom:4px}.stat-content p{color:#a0a0a0;font-size:14px;margin-bottom:8px}.stat-change{color:#10b981;font-size:12px;font-weight:500}.dashboard-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;padding-bottom:32px}.dashboard-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:24px}.dashboard-card h2{color:#fff;font-size:20px;font-weight:600;margin-bottom:20px}.quick-actions{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.quick-action-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:16px;transition:all .3s ease}.quick-action-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.action-icon{font-size:18px}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{background:#ffffff0d;border-radius:12px;gap:16px;padding:16px}.activity-icon,.activity-item{align-items:center;display:flex}.activity-icon{background:#ffffff1a;border-radius:10px;font-size:16px;height:40px;justify-content:center;width:40px}.activity-content p{color:#fff;font-size:14px;font-weight:500;margin-bottom:4px}.activity-content span{color:#a0a0a0;font-size:12px}.device-content{display:flex;flex-direction:column;gap:32px;padding:32px}.device-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:24px}.device-section h2{color:#fff;font-size:20px;font-weight:600;margin-bottom:20px}.device-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#fff;font-size:14px;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:16px;padding:16px;transition:all .3s ease}.form-group select option{background:#1a1a2e;color:#fff;padding:10px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#666}.checkbox-label{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:12px}.checkbox-label input[type=checkbox]{accent-color:#667eea;height:20px;width:20px}.submit-btn{align-self:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 24px;transition:all .3s ease}.submit-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.qr-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:24px;text-align:center}.qr-section h2{color:#fff;font-size:20px;font-weight:600;margin-bottom:20px}.qr-container{align-items:center;display:flex;flex-direction:column;gap:16px}.qr-container p{color:#a0a0a0;font-size:14px;max-width:400px}.qr-code{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;height:auto;max-width:300px;padding:16px;width:100%}.login-mode-selector{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.mode-btn{background:#ffffff0d;border:2px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s ease}.mode-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.mode-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 15px #667eea66}.phone-login-container{background:#ffffff0d;border-radius:12px;margin-top:20px;padding:24px}.phone-input-section{display:flex;flex-direction:column;gap:16px}.phone-input-section label{color:#fff;font-size:14px;font-weight:500}.phone-input{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;box-sizing:border-box;color:#fff;font-size:16px;padding:12px 16px;width:100%}.phone-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.phone-format-hint{display:flex;flex-direction:column;gap:4px;margin-top:8px}.phone-format-hint small{color:#a0a0a0;font-size:12px;line-height:1.4}.phone-format-hint small:last-child{color:#f59e0b}.pairing-code-section{text-align:center}.pairing-code-section h3{color:#fff;margin-bottom:16px}.pairing-code-display{background:#ffffff1a;border:2px solid #667eea80;border-radius:12px;margin:20px 0;padding:24px}.pairing-code-display .code{color:#667eea;font-family:Courier New,monospace;font-size:48px;font-weight:700;letter-spacing:8px}.pairing-instructions{background:#ffffff08;border-radius:8px;color:#a0a0a0;font-size:14px;line-height:1.8;margin:20px 0;padding:16px;text-align:left}.pairing-instructions strong{color:#667eea;font-size:18px}.submit-btn.secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.submit-btn.secondary:hover{background:#ffffff26}.device-list{grid-gap:20px;display:grid;gap:20px}.device-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.device-card:hover{box-shadow:0 10px 30px #0003;transform:translateY(-2px)}.device-info{flex:1 1}.device-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.device-header h3{color:#fff;font-size:16px;font-weight:600}.status-badge{border-radius:8px;font-size:12px;font-weight:500;padding:4px 12px;text-transform:uppercase}.status-badge.connected{background:#22c55e1a;border:1px solid #22c55e33;color:#22c55e}.status-badge.disconnected{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.status-badge.pairing{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b}.status-badge.logged_out{background:#6b72801a;border:1px solid #6b728033;color:#6b7280}.device-info p{color:#a0a0a0;font-size:14px;margin-bottom:4px}.reconnect-hint{background:#f59e0b1a;border-left:3px solid #f59e0b;border-radius:6px;color:#f59e0b!important;font-size:13px!important;margin-top:8px!important;padding:8px}.no-devices{border:2px dashed #ffffff1a;padding:60px 20px}.no-devices p{color:#a0a0a0;font-size:16px}.device-actions{display:flex;gap:12px}.action-btn{border:none;font-size:14px;font-weight:500;padding:8px 16px}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-btn.secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.action-btn.danger{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.action-btn:hover{transform:translateY(-1px)}.action-btn.danger:hover{background:#ef444433}.message-content{padding:32px}.message-content,.message-form{display:flex;flex-direction:column;gap:32px}.form-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:24px}.form-section h2{color:#fff;font-size:20px;font-weight:600;margin-bottom:20px}.message-type-selector{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.recipient-mode-selector{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.mode-option,.type-option{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:24px;position:relative;transition:all .3s ease}.mode-option input[type=radio],.type-option input[type=radio]{display:none}.mode-option.selected,.type-option.selected{background:#667eea1a;border-color:#667eea;box-shadow:0 4px 12px #667eea33}.mode-option.selected .mode-label,.type-option.selected .type-label{color:#fff}.mode-option:hover,.type-option:hover{border-color:#667eea;transform:translateY(-2px)}.type-option.featured{position:relative}.type-option.featured.selected{background:#667eea1a;border-color:#667eea}.featured-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:6px;color:#fff;font-size:10px;font-weight:600;padding:4px 8px;position:absolute;right:8px;text-transform:uppercase;top:8px}.mode-icon,.type-icon{font-size:32px}.mode-label,.type-label{color:#a0a0a0;font-size:16px;font-weight:500}.button-builder{display:flex;flex-direction:column;gap:16px}.button-input{display:flex;gap:12px}.button-input input{flex:1 1}.add-button-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:16px 20px;transition:all .3s ease}.add-button-btn:hover{transform:translateY(-1px)}.button-list{display:flex;flex-direction:column;gap:8px}.button-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.button-item span{color:#fff;font-weight:500}.button-item button{background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:#ef4444;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .3s ease}.button-item button:hover{background:#ef444433}.form-actions{justify-content:center;margin-top:24px}.send-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;box-shadow:0 8px 25px #667eea4d;color:#fff;cursor:pointer;font-size:18px;font-weight:700;letter-spacing:1px;padding:20px 40px;text-transform:uppercase;transition:all .3s ease}.send-btn:hover{box-shadow:0 15px 35px #667eea66;transform:translateY(-3px)}.send-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.progress-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:24px}.progress-container h3{color:#fff;font-size:18px;font-weight:600;margin-bottom:16px}.progress-bar{background:#ffffff1a;border-radius:4px;height:8px;margin-bottom:16px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(135deg,#10b981,#059669);height:100%;transition:width .3s ease}.progress-stats{justify-content:space-between}.progress-stats span{color:#a0a0a0;font-size:14px}.message{border-radius:12px;font-weight:500;padding:16px 20px;text-align:center}.message.success{background:#22c55e1a;border:1px solid #22c55e33;color:#22c55e}.message.error{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.template-content{display:flex;flex-direction:column;gap:32px;padding:32px}.create-template-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.create-template-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.template-form-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:24px}.template-form{gap:20px}.template-form,.variable-builder{display:flex;flex-direction:column}.variable-builder{gap:16px}.variable-input{display:flex;gap:12px}.variable-input input{flex:1 1}.add-variable-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:16px 20px;transition:all .3s ease}.add-variable-btn:hover{transform:translateY(-1px)}.variable-list{display:flex;flex-wrap:wrap;gap:8px}.variable-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:8px;padding:8px 12px}.variable-item span{color:#667eea;font-size:14px;font-weight:500}.variable-item button{background:#ef44441a;border:1px solid #ef444433;border-radius:4px;color:#ef4444;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .3s ease}.variable-item button:hover{background:#ef444433}.form-actions{display:flex;gap:16px;justify-content:flex-end}.cancel-btn{border-radius:12px;font-size:14px;font-weight:600;padding:12px 24px}.cancel-btn:hover{background:#fff3}.templates-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.template-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.template-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.template-card:hover{box-shadow:0 20px 40px #0000004d;transform:translateY(-4px)}.template-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.template-header h3{color:#fff;font-size:18px;font-weight:600}.template-type{border-radius:8px;font-size:12px;font-weight:500;padding:4px 12px;text-transform:uppercase}.template-type.text{background:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6}.template-type.button{background:#10b9811a;border:1px solid #10b98133;color:#10b981}.template-type.media{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b}.template-content{margin-bottom:16px}.template-content p{color:#a0a0a0;font-size:14px;line-height:1.5;margin-bottom:12px}.template-variables{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.template-variables strong{color:#fff;font-size:12px;margin-right:8px}.variable-tag{background:#667eea1a;border:1px solid #667eea33;border-radius:4px;color:#667eea;font-size:11px;font-weight:500;padding:2px 8px}.template-actions{display:flex;gap:8px;justify-content:flex-end}.edit-btn{background:#3b82f61a;border:1px solid #3b82f633;border-radius:6px;color:#3b82f6;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .3s ease}.edit-btn:hover{background:#3b82f633}.delete-btn{background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:#ef4444;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .3s ease}.delete-btn:hover{background:#ef444433}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 32px;text-align:center}.empty-icon{font-size:64px;margin-bottom:24px;opacity:.7}.empty-state h3{color:#fff;font-size:24px;font-weight:600;margin-bottom:12px}.empty-state p{color:#a0a0a0;font-size:16px;max-width:400px}.scheduler-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;padding:32px}.scheduled-messages-section,.scheduler-form-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:24px}.scheduled-messages-section h2,.scheduler-form-section h2{color:#fff;font-size:20px;font-weight:600;margin-bottom:20px}.scheduler-form{display:flex;flex-direction:column;gap:20px}.message-type-selector-simple{background:#ffffff0d;border-radius:12px;display:flex;gap:20px;padding:12px}.message-type-selector-simple label{align-items:center;color:#a0a0a0;cursor:pointer;display:flex;font-weight:500;gap:8px;transition:all .3s ease}.message-type-selector-simple label:hover{color:#fff}.message-type-selector-simple input[type=radio]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.message-type-selector-simple input[type=radio]:checked+span,.message-type-selector-simple input[type=radio]:checked~span{color:#fff}.scheduled-list{display:flex;flex-direction:column;gap:16px}.scheduled-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:16px}.scheduled-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.scheduled-time{color:#667eea;font-size:14px;font-weight:500}.scheduled-content{margin-bottom:12px}.scheduled-content p{color:#a0a0a0;font-size:14px;margin-bottom:6px}.scheduled-content strong{color:#fff;margin-right:8px}.scheduled-actions{display:flex;justify-content:flex-end}@media (max-width:1024px){.scheduler-content{grid-template-columns:1fr}}.coming-soon{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 32px;text-align:center}.coming-soon-icon{font-size:64px;margin-bottom:24px;opacity:.7}.coming-soon h2{color:#fff;font-size:24px;font-weight:600;margin-bottom:12px}.coming-soon p{color:#a0a0a0;font-size:16px;max-width:400px}@media (max-width:1024px){.sidebar{width:240px}.main-content{margin-left:240px}.dashboard-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.sidebar{height:100vh;position:fixed;transform:translateX(-100%);transition:transform .3s ease;width:280px;z-index:1000}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0}.dashboard>*,.device-content,.message-content,.page-header,.template-content{padding:24px 20px!important}.dashboard .page-header{padding:24px 20px 20px!important}.form-row,.message-type-selector,.quick-actions,.stats-grid{grid-template-columns:1fr}.device-card{align-items:flex-start;flex-direction:column;gap:16px}.device-actions{justify-content:stretch;width:100%}.action-btn{flex:1 1}.templates-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}}@media (max-width:480px){.auth-container{margin:20px;padding:32px 24px}.page-header h1{font-size:24px}.page-header p{font-size:14px}.stat-card{flex-direction:column;gap:16px;text-align:center}.progress-stats{flex-direction:column;gap:8px}.message-type-selector{grid-template-columns:1fr}.send-btn{font-size:16px;padding:16px 32px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app>*{animation:fadeIn .6s ease-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.loading{overflow:hidden;position:relative}.loading:after{animation:loading 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes loading{0%{left:-100%}to{left:100%}}.analytics{padding:20px}.analytics h1{color:#fff;margin-bottom:10px}.analytics p{color:#ffffffb3;margin-bottom:30px}.loading-spinner{color:#667eea;font-size:2rem;margin:50px 0;text-align:center}.analytics-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;padding:20px}.custom-date-range,.period-selector{align-items:center;display:flex;gap:10px}.custom-date-range label,.period-selector label,.refresh-btn{color:#fff;font-weight:600}.refresh-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.refresh-btn:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.custom-date-range input,.period-selector select{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:14px;padding:8px 12px;transition:all .3s ease}.custom-date-range input:focus,.period-selector select:focus{background:#ffffff1a;border-color:#667eea;outline:none}.custom-date-range button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.custom-date-range button:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.analytics-metrics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.metric-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:15px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.metric-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.metric-card.success:before{background:linear-gradient(90deg,#11998e,#38ef7d)}.metric-card.error:before{background:linear-gradient(90deg,#eb3349,#f45c43)}.metric-card:hover{background:#ffffff14;box-shadow:0 10px 30px #667eea4d;transform:translateY(-5px)}.metric-icon{font-size:2.5rem;opacity:.9}.metric-content h3{color:#fff;font-size:2.2rem;font-weight:700;margin:0}.metric-content p{color:#ffffffb3;font-size:14px;margin:5px 0 0}.analytics-charts{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:30px}.chart-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:24px;transition:all .3s ease}.chart-container:hover{box-shadow:0 10px 30px #667eea33;transform:translateY(-3px)}.chart-container h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0 0 20px}.chart{min-height:200px}.bar-chart{align-items:end;display:flex;gap:8px;height:200px;padding:10px 0}.bar-group{flex:1 1;flex-direction:column;height:100%}.bar,.bar-group{align-items:center;display:flex}.bar{background:linear-gradient(0deg,#667eea,#764ba2);border-radius:8px 8px 0 0;box-shadow:0 4px 10px #667eea4d;justify-content:center;min-height:20px;position:relative;transition:all .3s ease;width:100%}.bar:hover{background:linear-gradient(0deg,#764ba2,#667eea);box-shadow:0 6px 15px #667eea80;transform:scale(1.05)}.bar-value{color:#fff;font-size:12px;font-weight:700;text-shadow:0 2px 4px #00000080}.bar-label{color:#ffffffb3;font-size:12px;margin-top:8px;text-align:center}.pie-chart{flex-direction:column}.pie-chart,.pie-item{display:flex;gap:12px}.pie-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:12px;transition:all .3s ease}.pie-item:hover{background:#ffffff14;transform:translateX(5px)}.pie-color{border-radius:50%;box-shadow:0 2px 8px #0000004d;flex-shrink:0;height:24px;width:24px}.pie-label{color:#fff;flex:1 1;font-weight:500}.pie-value{color:#fffc;font-weight:700}.device-stats{display:flex;flex-direction:column;gap:15px}.device-stat{background:#ffffff0d;border:1px solid #ffffff1a;border-left:4px solid #667eea;border-radius:12px;padding:16px;transition:all .3s ease}.device-stat:hover{background:#ffffff14;transform:translateX(5px)}.device-name{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:10px}.device-metrics{color:#ffffffb3;display:flex;flex-wrap:wrap;font-size:14px;gap:15px}.device-metrics span{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:6px 12px;transition:all .3s ease}.device-metrics span:hover{background:#ffffff1a;transform:scale(1.05)}.hourly-chart{align-items:end;display:flex;gap:4px;height:200px;padding:10px 0}.hour-bar{flex:1 1;flex-direction:column;height:100%}.hour-bar,.hour-value{align-items:center;display:flex}.hour-value{background:linear-gradient(0deg,#11998e,#38ef7d);border-radius:8px 8px 0 0;box-shadow:0 2px 6px #11998e66;color:#fff;font-size:10px;font-weight:700;justify-content:center;min-height:20px;transition:all .3s ease;width:100%}.hour-value:hover{background:linear-gradient(0deg,#38ef7d,#11998e);box-shadow:0 4px 10px #11998e99;transform:scale(1.05)}.hour-label{color:#ffffffb3;font-size:10px;margin-top:5px;text-align:center}.no-data{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#ffffffb3;font-style:italic}.analytics-summary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:24px;transition:all .3s ease}.analytics-summary:hover{box-shadow:0 10px 30px #667eea33}.analytics-summary h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0 0 20px}.summary-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.summary-item{background:#ffffff0d;border:1px solid #ffffff1a;border-left:4px solid #667eea;border-radius:12px;font-size:14px;padding:16px;transition:all .3s ease}.summary-item:hover{background:#ffffff14;transform:translateX(5px)}.summary-item strong{color:#fff;font-weight:600;margin-right:8px}@media (max-width:768px){.analytics-controls,.custom-date-range,.period-selector{align-items:stretch;flex-direction:column}.analytics-charts,.analytics-metrics{grid-template-columns:1fr}.bar-chart,.hourly-chart{gap:4px}.bar-value,.hour-value{font-size:10px}.device-metrics{flex-direction:column;gap:8px}}.super-admin-panel{padding:30px}.super-admin-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.tab-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .3s ease}.tab-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 5px 15px #667eea66}.admin-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.admin-stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:20px;padding:24px;transition:all .3s ease}.admin-stat-card:hover{box-shadow:0 10px 30px #667eea4d;transform:translateY(-5px)}.admin-stat-card .stat-icon{font-size:3rem}.admin-stat-card .stat-content h3{color:#fff;font-size:2rem;margin:0}.admin-stat-card .stat-content p{color:#ffffffb3;margin:5px 0 0}.admin-dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.admin-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:24px;transition:all .3s ease}.admin-card:hover{box-shadow:0 10px 30px #667eea33}.admin-card h3{color:#fff;font-size:1.2rem;margin:0 0 20px}.transaction-list,.user-list{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.transaction-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;display:flex;justify-content:space-between;padding:12px;transition:all .3s ease}.transaction-item:hover{background:#ffffff1a;transform:translateX(5px)}.trans-user{color:#fff;font-weight:500}.trans-amount{border-radius:6px;font-weight:700;padding:4px 12px}.trans-amount.add{background:#4ade8033;color:#4ade80}.trans-amount.deduct{background:#f8717133;color:#f87171}.trans-amount.reset{background:#facc1533;color:#facc15}.trans-date{color:#fff9;font-size:.85rem}.user-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;display:flex;justify-content:space-between;padding:12px}.user-name{color:#fff;font-weight:500}.user-credits.low{color:#f87171;font-weight:700}.users-table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;overflow-x:auto;padding:20px}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:#ffffff1a}.users-table td,.users-table th{border-bottom:1px solid #ffffff1a;padding:16px;text-align:left}.users-table th{color:#fff;font-size:.85rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.users-table td{color:#ffffffe6}.users-table tbody tr{transition:all .3s ease}.users-table tbody tr:hover{background:#ffffff0d}.credits-cell .credits{font-size:1.1rem;font-weight:700}.credits-cell .credits.low{color:#f87171}.badge{border-radius:6px;display:inline-block;font-size:.75rem;font-weight:700;margin-left:8px;padding:4px 8px}.badge.admin{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-buttons{gap:8px}.action-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;font-size:1.2rem;padding:8px 12px;transition:all .3s ease}.action-btn:hover{transform:scale(1.1)}.action-btn.add{color:#4ade80}.action-btn.add:hover{background:#4ade8033;border-color:#4ade80}.action-btn.deduct{color:#f87171}.action-btn.deduct:hover{background:#f8717133;border-color:#f87171}.action-btn.reset{color:#facc15}.action-btn.reset:hover{background:#facc1533;border-color:#facc15}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{border:1px solid #fff3;box-shadow:0 20px 60px #00000080;max-width:500px;padding:30px}.modal-content h3{color:#fff;font-size:1.5rem;margin:0 0 20px}.modal-content p{color:#fffc;margin:10px 0}.modal-form{margin:20px 0}.modal-actions{gap:10px;margin-top:20px}.cancel-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-weight:500;padding:12px;transition:all .3s ease}.cancel-btn:hover{background:#ffffff26}.confirm-btn{border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:12px;transition:all .3s ease}.confirm-btn.add{background:linear-gradient(135deg,#4ade80,#22c55e)}.confirm-btn.deduct{background:linear-gradient(135deg,#f87171,#ef4444)}.confirm-btn.reset{background:linear-gradient(135deg,#facc15,#f59e0b)}.confirm-btn:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.confirm-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.transactions-table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;overflow-x:auto;padding:20px}.transactions-table{border-collapse:collapse;width:100%}.transactions-table thead{background:#ffffff1a}.transactions-table td,.transactions-table th{border-bottom:1px solid #ffffff1a;padding:16px;text-align:left}.transactions-table th{color:#fff;font-size:.85rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.transactions-table td{color:#ffffffe6}.transactions-table tbody tr{transition:all .3s ease}.transactions-table tbody tr:hover{background:#ffffff0d}.trans-type{border-radius:6px;display:inline-block;font-size:.75rem;font-weight:700;padding:4px 12px}.trans-type.add{background:#4ade8033;border:1px solid #4ade80;color:#4ade80}.trans-type.deduct{background:#f8717133;border:1px solid #f87171;color:#f87171}.trans-type.reset{background:#facc1533;border:1px solid #facc15;color:#facc15}.nav-item.super-admin-item{background:linear-gradient(135deg,gold,#ffed4e);border:2px solid gold;color:#000;font-weight:600;margin-top:10px}.nav-item.super-admin-item:hover{background:linear-gradient(135deg,#ffed4e,gold);box-shadow:0 5px 20px #ffd70080;transform:translateX(10px)}.nav-item.super-admin-item.active{background:linear-gradient(135deg,#ffed4e,gold);box-shadow:0 5px 20px #ffd70099}.contact-manager{width:100%}.header-stats{display:flex;gap:20px;margin-top:16px}.header-stats .stat{background:#ffffff1a;border-radius:8px;font-size:14px;font-weight:500;padding:8px 16px}.contact-content{padding:32px}.action-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.action-buttons{display:flex;flex-wrap:wrap;gap:12px}.btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#ffffff1a}.btn-secondary:hover{background:#ffffff26}.btn-danger:hover{background:#ef444433}.filters{display:flex;gap:12px}.search-input{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:14px;min-width:250px;padding:10px 16px}.search-input::placeholder{color:#a0a0a0}.filter-select{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 16px}.filter-select option{background:#1a1a2e;color:#fff}.contacts-table-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden}.contacts-table{border-collapse:collapse;width:100%}.contacts-table thead{background:#ffffff0d}.contacts-table th{border-bottom:1px solid #ffffff1a;color:#a0a0a0;font-size:14px;font-weight:600;padding:16px;text-align:left}.contacts-table td{border-bottom:1px solid #ffffff0d;color:#fff;font-size:14px;padding:16px}.contacts-table tbody tr:hover{background:#ffffff08}.contact-name{font-weight:600}.tags-list{display:flex;flex-wrap:wrap;gap:6px}.tag{background:#667eea33;border:1px solid #667eea4d;border-radius:12px;color:#667eea;font-size:12px;font-weight:500;padding:4px 12px}.no-tags{color:#666}.contact-actions{display:flex;gap:8px}.btn-icon{background:#0000;border:none;cursor:pointer;font-size:16px;padding:6px 12px;transition:transform .2s ease}.btn-icon:hover{transform:scale(1.2)}.no-data{color:#666;font-size:16px;padding:40px!important}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 25px 50px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;padding:32px;width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.modal-header h2{color:#fff;font-size:24px;font-weight:600}.modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:background .3s ease;width:32px}.modal-close:hover{background:#ffffff1a}.contact-form{display:flex;flex-direction:column;gap:20px}.contact-form .form-group{display:flex;flex-direction:column;gap:8px}.contact-form label{color:#a0a0a0;font-size:14px;font-weight:500}.contact-form input,.contact-form textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:14px;padding:12px 16px;transition:all .3s ease}.contact-form input:focus,.contact-form textarea:focus{background:#ffffff14;border-color:#667eea;outline:none}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#666}.tags-selector{display:flex;flex-wrap:wrap;gap:8px}.tag-button{background:#ffffff0d;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .3s ease}.tag-button:hover{background:#ffffff1a}.tag-button.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;font-weight:600}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.import-instructions{background:#ffffff0d;border-left:4px solid #667eea;border-radius:12px;margin-bottom:24px;padding:20px}.import-instructions p{color:#a0a0a0;font-size:14px;margin-bottom:12px}.import-instructions code{background:#0000004d;border-radius:8px;color:#22c55e;display:block;font-family:Courier New,monospace;font-size:12px;overflow-x:auto;padding:12px}.file-input{background:#ffffff0d;border:2px dashed #fff3;border-radius:12px;color:#fff;cursor:pointer;padding:12px;transition:all .3s ease;width:100%}.file-input:hover{background:#ffffff14;border-color:#667eea}.send-message-modal{max-height:90vh;max-width:700px;overflow-y:auto}.send-message-form{display:flex;flex-direction:column;gap:20px}.selected-contacts-preview{background:#667eea1a;border:1px solid #667eea4d;border-radius:12px;padding:16px}.selected-contacts-preview label{color:#fff;display:block;font-weight:600;margin-bottom:12px}.contacts-preview-list{display:flex;flex-wrap:wrap;gap:8px}.contact-chip{align-items:center;background:#667eea33;border:1px solid #667eea66;border-radius:20px;color:#fff;display:inline-flex;font-size:13px;gap:6px;padding:6px 12px}.contact-chip.more{background:#ffffff1a;border-color:#fff3;font-weight:600}.template-variables-info{background:#ffd7001a;border:1px solid #ffd7004d;border-radius:8px;margin-bottom:12px;padding:12px}.template-variables-info p{color:gold;font-size:13px;font-weight:600;margin:0 0 8px}.variable-chips{display:flex;flex-wrap:wrap;gap:8px}.variable-chips code{background:#ffd70033;border:1px solid #ffd7004d;border-radius:6px;color:gold;font-size:12px;font-weight:600;padding:4px 8px}.char-count{color:#ffffff80;display:block;font-size:12px;margin-top:8px;text-align:right}.message-preview{background:#00ff000d;border:1px solid #0f03;border-radius:12px;padding:16px}.message-preview label{color:#4ade80;display:block;font-weight:600;margin-bottom:12px}.preview-box{word-wrap:break-word;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;line-height:1.6;padding:12px;white-space:pre-wrap}.preview-note{color:#4ade80b3;display:block;font-size:12px;margin-top:8px}.cost-estimate{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px}.cost-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:8px 0}.cost-item:last-child{border-bottom:none}.cost-item span{color:#ffffffb3;font-size:14px}.cost-item strong{color:#fff;font-size:16px;font-weight:600}.cost-item.warning{background:#ffc1071a;border-radius:8px;padding:12px}.cost-item.warning span,.cost-item.warning strong{color:#ffc107}.warning-text{color:#ffc107;display:block;font-size:13px;margin-top:8px}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 5px 15px #10b98166;transform:translateY(-2px)}.btn-success:disabled{cursor:not-allowed;opacity:.5}.error-toast,.success-toast{animation:slideInUp .3s ease;border-radius:12px;bottom:30px;box-shadow:0 10px 30px #0000004d;font-weight:600;max-width:400px;padding:16px 24px;position:fixed;right:30px;z-index:10001}.success-toast{background:linear-gradient(135deg,#10b981,#059669);border:1px solid #059669;color:#fff}.error-toast{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #dc2626;color:#fff}@keyframes slideInUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.media-options{align-items:center;display:flex;gap:16px;margin-top:12px}.media-option{display:flex;flex:1 1;flex-direction:column;gap:8px}.file-upload-label{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-weight:600;padding:10px 20px;text-align:center;transition:all .3s ease}.file-upload-label:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.file-name{align-items:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;color:#10b981;display:flex;font-size:13px;gap:8px;padding:8px 12px}.clear-file-btn{background:#ef444433;border:1px solid #ef44444d;border-radius:4px;color:#ef4444;cursor:pointer;font-weight:700;padding:2px 8px;transition:all .2s ease}.clear-file-btn:hover{background:#ef44444d}.media-option-or{color:#ffffff80;font-size:14px;font-weight:600}.media-option input[type=url]{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:14px;padding:10px 12px}.media-option input[type=url]:disabled{cursor:not-allowed;opacity:.5}.delay-options{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.delay-input{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:14px;font-weight:600;padding:8px 12px;width:120px}.delay-unit{color:#fff9;font-size:13px}.delay-info{color:#667eea;font-size:13px;font-weight:600}.delay-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.preset-btn{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#ffffffb3;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease}.preset-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.preset-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.delay-warning{color:#ffc107;display:block;font-size:12px;margin-top:8px}.sending-progress{background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;padding:12px!important}.sending-progress span,.sending-progress strong{color:#10b981!important}.detailed-sending-progress{animation:pulse-border 2s ease-in-out infinite;background:linear-gradient(135deg,#10b9811a,#3b82f61a);border:2px solid #10b98166;border-radius:12px;margin-top:16px;padding:16px}@keyframes pulse-border{0%,to{border-color:#10b98166}50%{border-color:#10b981cc}}.progress-header{align-items:center;color:#10b981;display:flex;font-size:16px;font-weight:600;justify-content:space-between;margin-bottom:12px}.progress-current{background:#3b82f61a;border-left:3px solid #60a5fa;border-radius:6px;color:#60a5fa;font-size:14px;margin-bottom:12px;padding:8px}.progress-stats{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.progress-stats span{align-items:center;border-radius:6px;display:inline-flex;font-size:13px;font-weight:500;gap:4px;padding:6px 12px}.stat-success{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.stat-failed{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.stat-remaining{background:#fbbf2426;border:1px solid #fbbf244d;color:#fbbf24}.progress-bar-container{background:#ffffff1a;height:12px;width:100%}.progress-bar-container,.progress-bar-fill{border-radius:6px;overflow:hidden;position:relative}.progress-bar-fill{background:linear-gradient(90deg,#10b981,#3b82f6);height:100%;transition:width .3s ease}.progress-bar-fill:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.template-selector{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:12px;transition:all .3s ease;width:100%}.template-selector:hover{background:#ffffff14;border-color:#667eea}.template-selector:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.template-selector option{background:#1a1a2e;color:#fff;padding:8px}.contact-tabs{border-bottom:2px solid #ffffff1a;display:flex;gap:10px;margin:20px 0}.tab-button{background:#0000;border:none;border-bottom:3px solid #0000;color:#fff9;cursor:pointer;font-size:16px;font-weight:500;margin-bottom:-2px;padding:12px 24px;transition:all .3s ease}.tab-button:hover{background:#ffffff0d;color:#fff}.tab-button.active{border-bottom-color:#667eea;color:#667eea}.groups-content{padding:20px 0}.groups-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.group-card{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-left:4px solid #667eea;border-radius:12px;cursor:pointer;padding:20px;transition:all .3s ease}.group-card:hover{box-shadow:0 10px 30px #667eea4d;transform:translateY(-5px)}.group-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.group-header h3{color:#fff;font-size:20px;margin:0}.member-count{background:#ffffff1a;border-radius:20px;color:#fff;font-size:14px;padding:4px 12px}.group-description{color:#ffffffb3;font-size:14px;line-height:1.5;margin:10px 0}.group-actions{border-top:1px solid #ffffff1a;display:flex;gap:10px;margin-top:15px;padding-top:15px}.btn-icon-action{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:13px;padding:8px 12px;transition:all .3s ease}.btn-icon-action:hover{background:#fff3;transform:scale(1.05)}.btn-icon-action.delete{background:#ef44441a;border-color:#ef44444d}.btn-icon-action.delete:hover{background:#ef444433}.no-groups{color:#fff9;padding:60px 20px;text-align:center}.no-groups p{font-size:16px;margin:10px 0}.group-members-list{margin:20px 0;max-height:400px;overflow-y:auto}.member-item{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px;transition:all .3s ease}.member-item:hover{background:#ffffff1a}.member-info{display:flex;flex-direction:column;gap:4px}.member-info strong{color:#fff;font-size:15px}.member-info span{color:#fff9;font-size:13px}.btn-remove{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.btn-remove:hover{background:#ef444433;transform:scale(1.1)}.modal-content.large{max-width:600px;width:90%}.no-data{color:#ffffff80;font-size:14px;padding:40px;text-align:center}@media (max-width:768px){.admin-dashboard-grid,.admin-stats-grid{grid-template-columns:1fr}.transactions-table-container,.users-table-container{overflow-x:scroll}.modal-content{padding:20px;width:95%}.action-bar{align-items:stretch}.action-bar,.action-buttons,.filters{flex-direction:column}.search-input{min-width:100%}.contacts-table-container{overflow-x:auto}.contacts-table{min-width:600px}}.settings-section{padding:32px}.settings-section h2{color:#fff;font-size:24px;font-weight:600;margin-bottom:12px}.section-description{color:#a0a0a0;font-size:14px;line-height:1.6;margin-bottom:32px}.device-selector{margin-bottom:32px}.device-selector label{color:#fff;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.device-select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;max-width:600px;padding:12px 16px;transition:all .3s ease;width:100%}.device-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.device-n8n-config,.n8n-device-section{display:flex;flex-direction:column;gap:24px}.api-token-config-card,.api-usage-card,.device-info-card,.webhook-config-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:24px}.api-token-config-card h3,.api-usage-card h3,.device-info-card h3,.webhook-config-card h3{color:#fff;font-size:18px;font-weight:600;margin-bottom:16px}.card-description{color:#a0a0a0;font-size:14px;line-height:1.6;margin-bottom:20px}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{color:#a0a0a0;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#fff;font-size:14px;font-weight:500;word-break:break-all}.info-value.status-connected{color:#22c55e}.info-value.status-disconnected{color:#ef4444}.info-value.status-pairing{color:#f59e0b}.webhook-active{gap:16px}.webhook-active,.webhook-info{display:flex;flex-direction:column}.webhook-info{gap:12px}.webhook-status{align-items:center;border-radius:8px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;width:fit-content}.webhook-status.active{background:#22c55e1a;border:1px solid #22c55e33;color:#22c55e}.webhook-url-display{display:flex;flex-direction:column;gap:8px}.webhook-url-display strong{color:#fff;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.webhook-url-display code{background:#0000004d;border-radius:8px;color:#10b981;font-family:Courier New,monospace;font-size:13px;padding:12px;word-break:break-all}.webhook-meta{color:#a0a0a0;font-size:12px}.webhook-setup{display:flex;flex-direction:column;gap:16px}.webhook-actions{align-items:center;display:flex;gap:12px}.btn-secondary{background:#ffffff0d;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-secondary:hover:not(:disabled){background:#ffffff1a;transform:translateY(-2px)}.btn-secondary:disabled{cursor:not-allowed;opacity:.5;transform:none}.webhook-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-family:Courier New,monospace;font-size:14px;padding:12px 16px;width:100%}.webhook-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.token-generator{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:24px;padding:20px}.token-generator h4{color:#fff;font-size:16px;font-weight:600;margin-bottom:16px}.token-expires-input,.token-name-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:14px;padding:12px 16px;width:100%}.tokens-list h4{color:#fff;font-size:16px;font-weight:600;margin-bottom:16px}.tokens-table{overflow-x:auto}.tokens-table table{border-collapse:collapse;width:100%}.tokens-table th{background:#ffffff0d;border-bottom:1px solid #ffffff1a;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.tokens-table td{border-bottom:1px solid #ffffff0d;color:#fff;font-size:14px;padding:12px}.tokens-table code{background:#0000004d;border-radius:4px;color:#10b981;font-family:Courier New,monospace;font-size:12px;padding:4px 8px}.token-status{border-radius:6px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.token-status.active{background:#22c55e1a;color:#22c55e}.token-status.inactive{background:#6b72801a;color:#6b7280}.expired{color:#ef4444;font-weight:500}.no-expiry{color:#a0a0a0;font-style:italic}.no-tokens{background:#ffffff08;border-radius:12px;color:#a0a0a0;font-size:14px;padding:32px;text-align:center}.btn-danger,.btn-primary{align-self:flex-start;border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.btn-danger{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.btn-danger:hover:not(:disabled){background:#ef444433;transform:translateY(-2px)}.btn-danger.small{font-size:12px;padding:6px 12px}.btn-danger:disabled,.btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.usage-instructions{display:flex;flex-direction:column;gap:16px}.usage-instructions p{color:#fff;font-size:14px;font-weight:500;margin-bottom:8px}.usage-instructions pre{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;color:#10b981;font-family:Courier New,monospace;font-size:12px;line-height:1.6;overflow-x:auto;padding:16px}.no-devices{background:#ffffff08;border:1px dashed #ffffff1a;border-radius:12px;color:#a0a0a0;font-size:16px;padding:60px 32px;text-align:center}.troubleshooting-box{background:#ef44441a;border:1px solid #ef44444d;border-left:4px solid #ef4444;border-radius:12px;margin-top:16px;padding:20px}.troubleshooting-box h4{color:#fff;font-size:16px;font-weight:600;margin-bottom:12px}.troubleshooting-steps{color:#fff;line-height:1.8;margin:0;padding-left:24px}.troubleshooting-steps li{color:#e5e5e5;font-size:14px;margin-bottom:8px}.troubleshooting-steps li:last-child{margin-bottom:0}.troubleshooting-guide{border-top:1px solid #ffffff1a;color:#a0a0a0;font-size:13px;line-height:1.6;margin-top:16px;padding-top:16px}.troubleshooting-guide strong{color:#fff}
/*# sourceMappingURL=main.a8edb5aa.css.map*/