/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */:root{--bg-secondary:#0f1428cc;--bg-glass:#ffffff1a;--bg-glass-hover:#ffffff26;--text-primary:#fff;--text-secondary:#fffc;--text-muted:#fff9;--border-primary:#fff3;--border-hover:#fff6;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 8px #0003;--shadow-lg:0 8px 32px #667eea4d;--shadow-xl:0 20px 40px #0006;--font-size-xs:.75rem;--font-size-sm:.875rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem}.btn{position:relative;overflow:hidden}.btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.btn-large{padding:var(--space-4)var(--space-6);font-size:var(--font-size-base)}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover:not(:disabled){transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,var(--color-error),#dc2626)}.btn-danger:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,var(--color-success),#059669)}.btn-success:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-icon{font-size:var(--font-size-base);color:revert;-webkit-text-fill-color:revert;line-height:1}.btn-danger .btn-icon,.btn-danger:active .btn-icon,.btn-danger:focus .btn-icon,.btn-danger:hover .btn-icon,.btn-primary .btn-icon,.btn-primary:active .btn-icon,.btn-primary:focus .btn-icon,.btn-primary:hover .btn-icon,.btn-success .btn-icon,.btn-success:active .btn-icon,.btn-success:focus .btn-icon,.btn-success:hover .btn-icon{color:revert;-webkit-text-fill-color:revert;filter:none}.btn-sm .btn-icon{font-size:var(--font-size-sm)}.btn-large .btn-icon{font-size:var(--font-size-lg)}.btn-loading{color:#0000;position:relative}.btn-loading:after{content:"";border:2px solid #0000;border-top-color:currentcolor;border-radius:50%;width:16px;height:16px;margin-top:-8px;margin-left:-8px;animation:spin 1s linear infinite;position:absolute;top:50%;left:50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.btn-group{gap:var(--space-2);display:flex}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.btn-group .btn:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.btn-full{width:100%}.btn-ghost{color:var(--text-primary);background:0 0;border:1px solid #0000}.btn-ghost:hover:not(:disabled){background:var(--bg-glass-hover);border-color:var(--border-primary)}@media (max-width:768px){.btn{padding:var(--space-2)var(--space-3);font-size:var(--font-size-xs);min-height:40px}.btn-sm{padding:var(--space-1)var(--space-2);min-height:32px;font-size:10px}.btn-large{padding:var(--space-3)var(--space-4);min-height:48px}.btn-icon,.btn-large{font-size:var(--font-size-sm)}.btn-group{gap:var(--space-1);flex-wrap:wrap}.btn-group .btn{flex:auto;min-width:100px}}@media (max-width:480px){.btn{padding:var(--space-2);min-height:36px}.btn,.btn-icon{font-size:var(--font-size-xs)}}.input{width:100%;padding:var(--space-3)var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);font-family:inherit;transition:all .2s}.input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #667eea1a}.input::placeholder{color:var(--text-muted)}.input:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-glass)}.input-sm{padding:var(--space-2)var(--space-3);font-size:var(--font-size-xs)}.input-lg{padding:var(--space-4)var(--space-5);font-size:var(--font-size-base)}.input-error,.input-error:focus{border-color:var(--color-error)}.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.input-success,.input-success:focus{border-color:var(--color-success)}.input-success:focus{box-shadow:0 0 0 3px #22c55e1a}.textarea{resize:vertical;min-height:100px;font-family:inherit}.select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-3)center;padding-right:var(--space-10);background-repeat:no-repeat;background-size:1.5em 1.5em}.input-group{align-items:center;display:flex;position:relative}.input-group .input{border-radius:0}.input-group .input:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.input-group .input:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.input-group-addon{padding:var(--space-3)var(--space-4);background:var(--bg-glass);border:1px solid var(--border-primary);color:var(--text-secondary);font-size:var(--font-size-sm);white-space:nowrap}.input-group-addon:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);border-right:none}.input-group-addon:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);border-left:none}.input-icon{left:var(--space-3);color:var(--text-muted);pointer-events:none;z-index:1;position:absolute}.input-icon+.input{padding-left:var(--space-10)}.input-icon-right{right:var(--space-3);color:var(--text-muted);pointer-events:none;z-index:1;position:absolute}.input-icon-right+.input{padding-right:var(--space-10)}.label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-2);display:block}.label-required:after{content:" *";color:var(--color-error)}.help-text{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-1)}.help-text-error{color:var(--color-error)}.checkbox,.radio{border:1px solid var(--border-primary);background:var(--bg-secondary);cursor:pointer;width:1rem;height:1rem;transition:all .2s}.checkbox{border-radius:var(--radius-sm)}.radio{border-radius:50%}.checkbox:checked,.radio:checked{background:var(--color-primary);border-color:var(--color-primary)}.checkbox:checked:after{content:"✓";color:#fff;font-size:var(--font-size-xs);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.radio:checked:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;margin:3px}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.switch-slider{cursor:pointer;background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:24px;transition:all .2s;position:absolute;inset:0}.switch-slider:before{content:"";background:var(--text-secondary);border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;bottom:2px;left:2px}input:checked+.switch-slider{background:var(--color-primary);border-color:var(--color-primary)}input:checked+.switch-slider:before{background:#fff;transform:translate(20px)}@media (max-width:768px){.input,.select,.textarea{padding:var(--space-2)var(--space-3);font-size:var(--font-size-sm);min-height:40px}.input-sm{padding:var(--space-1)var(--space-2);font-size:var(--font-size-xs);min-height:32px}.input-lg{padding:var(--space-3)var(--space-4);font-size:var(--font-size-base);min-height:48px}.textarea{min-height:80px}.label{font-size:var(--font-size-xs);margin-bottom:var(--space-1)}.help-text{font-size:10px}.input-group{flex-wrap:wrap}.input-group .input{border-radius:var(--radius-md);margin-bottom:var(--space-2);flex:100%}.input-group .input:last-child{margin-bottom:0}.input-group-addon{padding:var(--space-2)var(--space-3);font-size:var(--font-size-xs)}}@media (max-width:480px){.input,.select,.textarea{padding:var(--space-2);font-size:var(--font-size-xs);min-height:36px}.textarea{min-height:60px}}.card{background:var(--bg-glass);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .3s}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover)}.card-elevated{box-shadow:var(--shadow-lg)}.card-elevated:hover{box-shadow:var(--shadow-xl)}.card-flat{box-shadow:none;background:var(--bg-secondary);border:none}.card-outlined{border:2px solid var(--border-primary);background:0 0}.card-outlined:hover{border-color:var(--border-hover)}.card-sm{padding:var(--space-4)}.card{padding:var(--space-6)}.card-lg{padding:var(--space-8)}.card-xl{padding:var(--space-10)}.card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-primary)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2)0}.card-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.card-body{flex:1}.card-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-primary)}.card-actions{gap:var(--space-2);margin-top:var(--space-4);justify-content:flex-end;display:flex}.card-actions-left{justify-content:flex-start}.card-actions-center{justify-content:center}.card-actions-between{justify-content:space-between}.card-grid{gap:var(--space-4);display:grid}.card-grid-2{grid-template-columns:repeat(2,1fr)}.card-grid-3{grid-template-columns:repeat(3,1fr)}.card-grid-4{grid-template-columns:repeat(4,1fr)}.card-list{flex-direction:column}.card-list,.card-list-item{gap:var(--space-3);display:flex}.card-list-item{align-items:center;padding:var(--space-3);background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:all .2s}.card-list-item:hover{background:var(--bg-glass-hover);border-color:var(--border-hover)}.card-list-item-icon{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);width:40px;height:40px;font-size:var(--font-size-lg);justify-content:center;align-items:center;display:flex}.card-list-item-content{flex:1}.card-list-item-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0 0 var(--space-1)0}.card-list-item-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.card-stats{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.card-stat{text-align:center;padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.card-stat-icon{font-size:var(--font-size-2xl);color:var(--color-primary);margin-bottom:var(--space-2)}.card-stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-1)}.card-stat-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.card-interactive{cursor:pointer;transition:all .2s}.card-interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-interactive:active{transform:translateY(0)}.card-loading{position:relative;overflow:hidden}.card-loading:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;animation:shimmer 1.5s infinite;position:absolute;top:0;left:-100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}@media (max-width:768px){.card-grid-2,.card-grid-3,.card-grid-4{grid-template-columns:1fr}.card-actions{flex-direction:column}.card-actions .btn{width:100%}}.auth-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#000c;justify-content:center;align-items:center;animation:fadeIn .3s ease-out;display:flex;position:fixed;inset:0}.auth-modal{background:var(--bg-glass);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-8);width:100%;max-width:400px;box-shadow:var(--shadow-xl);animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-modal-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.auth-modal-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.auth-modal-close{color:var(--text-muted);font-size:var(--font-size-2xl);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);background:0 0;border:none;line-height:1;transition:all .2s}.auth-modal-close:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.auth-modal-form{gap:var(--space-4);flex-direction:column;display:flex}.auth-modal-field{gap:var(--space-2);flex-direction:column;display:flex}.auth-modal-field label{font-weight:var(--font-weight-medium)}.auth-modal-field input,.auth-modal-field label{font-size:var(--font-size-sm);color:var(--text-primary)}.auth-modal-field input{padding:var(--space-3)var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);transition:all .2s}.auth-modal-field input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #667eea1a}.auth-modal-field input::placeholder{color:var(--text-muted)}.auth-modal-error{color:var(--color-error);font-size:var(--font-size-sm);text-align:center;padding:var(--space-2);border-radius:var(--radius-md);background:#ef44441a;border:1px solid #ef444433}.auth-modal-submit{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border-radius:var(--radius-md);padding:var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;margin-top:var(--space-4);border:none;transition:all .2s}.auth-modal-submit:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.auth-modal-submit:disabled{opacity:.5;cursor:not-allowed}.auth-modal-footer{margin-top:var(--space-6);text-align:center;gap:var(--space-3);flex-direction:column;display:flex}.auth-modal-link{color:var(--text-secondary);font-size:var(--font-size-sm);text-decoration:none;transition:color .3s}.auth-modal-link:hover,.auth-modal-toggle{color:var(--color-primary)}.auth-modal-toggle{font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;text-decoration:underline;transition:color .3s}.auth-modal-toggle:hover{color:var(--color-primary-dark)}@media (max-width:768px){.auth-modal-overlay{padding:var(--space-4);align-items:flex-end}.auth-modal{border-radius:var(--radius-xl)var(--radius-xl)0 0;width:100%;max-width:100%;padding:var(--space-6)var(--space-4);max-height:90vh;overflow-y:auto}.auth-modal-header h2{font-size:var(--font-size-xl)}.auth-modal-form{gap:var(--space-3)}.auth-modal-submit{width:100%}}@media (max-width:480px){.auth-modal{padding:var(--space-4)var(--space-3)}.auth-modal-header{margin-bottom:var(--space-4)}.auth-modal-header h2{font-size:var(--font-size-lg)}}.modal-overlay{-webkit-backdrop-filter:blur(10px);background:#000c;animation:fadeIn .3s;inset:0}.modal-content{-webkit-backdrop-filter:blur(25px);background:linear-gradient(135deg,#0f172af2,#1e293bf2);border:1px solid #fff3;animation:slideIn .3s;box-shadow:0 20px 40px #00000080,0 0 0 1px #ffffff1a}.modal-content:before{background:linear-gradient(90deg,#0000,#fff6 50%,#0000)}.modal-header{padding:var(--space-6)var(--space-6)var(--space-4)}.modal-title{background:linear-gradient(135deg,#fff,#e0e7ff)}.form-input,.form-textarea{padding:var(--space-3)var(--space-4);transition:all .2s}.form-input:focus,.form-textarea:focus{box-shadow:0 0 0 3px #667eea1a}.form-error{padding:var(--space-2)var(--space-3);background:#ef44441a;border:1px solid #ef44444d;animation:shake .5s}.modal-footer{padding:var(--space-4)var(--space-6)var(--space-6)}@media (max-width:768px){.modal-content{width:95%;margin:var(--space-4)}.modal-header{padding:var(--space-4)var(--space-4)var(--space-3)}.modal-body{padding:var(--space-4)}.modal-footer{padding:var(--space-3)var(--space-4)var(--space-4);flex-direction:column}.modal-footer .btn{width:100%}}.modal-content:hover{box-shadow:0 25px 50px #0009,0 0 0 1px #ffffff26}.modal-content:focus-within{box-shadow:0 25px 50px #667eea33,0 0 0 1px #667eea4d}.base-header{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:var(--radius-xl);margin:var(--space-4)var(--space-4)0 var(--space-4);z-index:100;background:#0f0f231a;border:1px solid #ffffff1a;position:fixed;top:0;left:0;right:0;overflow:hidden;box-shadow:0 8px 32px #0000004d}.header-navigation{padding:var(--space-3)var(--space-8);justify-content:space-between;gap:var(--space-4);max-width:1600px;min-height:60px;margin:0 auto}.header-logo,.header-navigation{align-items:center;display:flex}.logo-text{font-size:var(--font-size-xl);letter-spacing:.05em;text-decoration:none}@keyframes gradientShift{0%{background-position:0}50%{background-position:100%}to{background-position:0}}.user-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-shadow:0 1px 2px #0000004d}.header-navigation .main-navigation{align-items:center;display:flex}.header-navigation .nav-items{gap:var(--space-2);flex-wrap:nowrap;display:flex}.header-navigation .nav-item{justify-content:center!important;align-items:center!important;gap:var(--space-2)!important;padding:var(--space-2)var(--space-3)!important;border-radius:var(--radius-lg)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;color:var(--text-secondary)!important;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-medium)!important;cursor:pointer!important;box-sizing:border-box!important;white-space:nowrap!important;text-align:center!important;background:linear-gradient(135deg,#ffffff0d,#ffffff05)!important;border:1px solid #ffffff1a!important;flex-shrink:0!important;min-width:140px!important;max-width:160px!important;height:40px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 2px 8px #0000001a!important}.header-navigation .nav-item:hover{color:var(--text-primary)!important;background:linear-gradient(135deg,#667eea26,#764ba226)!important;border-color:#667eea4d!important;transform:translateY(-2px)!important;box-shadow:0 4px 16px #667eea33!important}.header-navigation .nav-item.active{color:#fff!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border-color:#667eea80!important;position:relative!important;transform:translateY(-1px)!important;box-shadow:0 6px 20px #667eea66!important}.header-navigation .nav-item.active:before{content:""!important;border-radius:var(--radius-lg)!important;pointer-events:none!important;background:linear-gradient(135deg,#ffffff1a,#ffffff0d)!important;animation:pulse 2s infinite!important;position:absolute!important;inset:0!important}.header-navigation .nav-icon{font-size:var(--font-size-base)!important;filter:drop-shadow(0 1px 2px #0000001a)!important;flex-shrink:0!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important}.header-navigation .nav-item:hover .nav-icon{transform:scale(1.1)!important}.header-navigation .nav-item.active .nav-icon{filter:drop-shadow(0 2px 4px #0003)!important;transform:scale(1.05)!important}.header-navigation .nav-text{font-size:var(--font-size-sm)!important;text-overflow:ellipsis!important;font-weight:var(--font-weight-medium)!important;text-shadow:0 1px 2px #0000001a!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;overflow:hidden!important}.header-navigation .nav-item:hover .nav-text{text-shadow:0 2px 4px #0003!important}.header-navigation .nav-item.active .nav-text{font-weight:var(--font-weight-semibold)!important;text-shadow:0 2px 4px #0000004d!important}.page-header{background:var(--bg-secondary);border-top:1px solid var(--border-primary);padding:var(--space-6)0}.page-header-content{max-width:1200px;padding:0 var(--space-6);margin:0 auto}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-2)0}.page-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--line-height-normal);margin:0}@media (max-width:1024px){.header-navigation{padding:var(--space-3)var(--space-6)}.header-navigation .nav-item{min-width:130px!important;max-width:150px!important}}@media (max-width:768px){.base-header{margin:var(--space-2)var(--space-2)0 var(--space-2);border-radius:var(--radius-lg)}.header-navigation{padding:var(--space-3)var(--space-4);gap:var(--space-3);flex-flow:wrap;min-height:auto}.header-logo{flex:auto;min-width:0}.logo-text{font-size:var(--font-size-base);letter-spacing:.03em}.header-navigation .main-navigation{width:100%;margin-top:var(--space-2);order:3}.header-navigation .nav-items{scrollbar-width:thin;-ms-overflow-style:none;gap:var(--space-1);min-width:0;padding-bottom:var(--space-1);flex:1;overflow-x:auto}.header-navigation .nav-items::-webkit-scrollbar{height:4px}.header-navigation .nav-items::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.header-navigation .nav-item{min-width:100px!important;max-width:120px!important;height:32px!important;padding:var(--space-1)var(--space-2)!important;border-radius:var(--radius-sm)!important;box-shadow:0 1px 3px #0003!important}.header-navigation .nav-icon,.header-navigation .nav-item,.header-navigation .nav-text{font-size:var(--font-size-xs)!important}.user-menu{gap:var(--space-2);flex-shrink:0;order:2}.user-name{font-size:var(--font-size-xs);display:none}.page-header-content{padding:0 var(--space-4)}.page-title{font-size:var(--font-size-lg)}.page-subtitle{font-size:var(--font-size-sm)}}@media (max-width:480px){.base-header{margin:var(--space-1)var(--space-1)0 var(--space-1)}.header-navigation{padding:var(--space-2)var(--space-3);gap:var(--space-2)}.logo-text{font-size:var(--font-size-sm)}.header-navigation .nav-item{min-width:80px!important;max-width:100px!important;height:28px!important;padding:var(--space-1)!important}.header-navigation .nav-text{display:none}.header-navigation .nav-icon{font-size:var(--font-size-base)!important}.user-menu .btn{padding:var(--space-1)var(--space-2);font-size:var(--font-size-xs)}}.home-page{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e 25%,#16213e 50%,#0f3460 75%,#533483)}.home-page,.landing-page{font-family:var(--font-family-sans);color:var(--text-primary);position:relative;overflow:hidden}.landing-page{background:0 0}.hero{padding:var(--space-8)var(--space-6);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.home-page:has(.base-header) .hero{padding-top:calc(var(--space-8) + 80px);min-height:calc(100vh - 80px)}.hero-background{z-index:0}.hero-background,.hero-stars{width:100%;height:100%;position:absolute;top:0;left:0}.hero-stars{background-image:radial-gradient(2px 2px at 20px 30px,#eee,#0000),radial-gradient(2px 2px at 40px 70px,#fffc,#0000),radial-gradient(1px 1px at 90px 40px,#fff,#0000),radial-gradient(1px 1px at 130px 80px,#fff9,#0000),radial-gradient(2px 2px at 160px 30px,#ddd,#0000);background-repeat:repeat;background-size:200px 100px;animation:twinkle 4s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.2}50%{opacity:.8}to{opacity:.4}}.hero-glow-1{background:radial-gradient(circle,#7877c64d 0,#0000 70%);width:60%;height:120%;animation:float 6s ease-in-out infinite;position:absolute;top:-50%;right:-20%}.hero-glow-2{background:radial-gradient(circle,#ff77c633 0,#0000 70%);width:40%;height:80%;animation:float 8s ease-in-out infinite reverse;position:absolute;bottom:-30%;left:-10%}.hero-glow-3{background:radial-gradient(circle,#78dbff26 0,#0000 70%);width:30%;height:60%;animation:float 10s ease-in-out infinite;position:absolute;top:20%;left:50%}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}}.hero-content{z-index:1;gap:var(--space-12);grid-template-columns:1fr 1fr;align-items:center;width:100%;max-width:1200px;display:grid;position:relative}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.dashboard-preview{-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:var(--radius-xl);padding:var(--space-8);max-width:400px;box-shadow:none;background:0 0}.preview-description{margin:0 0 var(--space-6)0}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media (max-width:1024px){.hero-content{gap:var(--space-8)}.hero-title{font-size:var(--font-size-4xl)}.hero-stats{gap:var(--space-4)}}@media (max-width:768px){.hero{padding:var(--space-6)var(--space-4);min-height:auto}.hero-content{text-align:center;grid-template-columns:1fr}.hero-content,.hero-left{gap:var(--space-6)}.hero-header,.hero-logo{justify-content:center}.hero-title{font-size:var(--font-size-3xl);line-height:1.2}.hero-description{font-size:var(--font-size-base);max-width:100%}.hero-actions{align-items:stretch;gap:var(--space-3);flex-direction:column}.hero-actions .btn{justify-content:center;width:100%}.hero-stats{justify-content:center;gap:var(--space-4);flex-wrap:wrap}.stat-item{flex:auto;min-width:100px}.dashboard-preview,.hero-right{display:none}}@media (max-width:480px){.hero{padding:var(--space-4)var(--space-3)}.hero-content,.hero-left{gap:var(--space-4)}.hero-title{font-size:var(--font-size-2xl)}.hero-actions .btn,.hero-description{font-size:var(--font-size-sm)}.hero-actions .btn{padding:var(--space-3)var(--space-4)}.hero-stats{gap:var(--space-3)}.stat-value{font-size:var(--font-size-2xl)}.stat-label{font-size:var(--font-size-xs)}}.dashboard{font-family:var(--font-family-sans);color:var(--text-primary);background:linear-gradient(135deg,#0f0f23,#1a1a2e 25%,#16213e 50%,#0f3460 75%,#533483);min-height:100vh;position:relative;overflow-x:hidden}.dashboard-content{z-index:1;--send-section-height:750px;flex-direction:column;display:flex;position:relative}.dashboard-main{background:var(--bg-primary);padding:calc(2rem + 100px) 0 2rem}.dashboard-container{box-sizing:border-box;width:100%;max-width:1600px;margin:0 auto;padding:0 2rem;overflow-x:hidden}.dashboard-main-block{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:var(--radius-xl);padding:var(--space-6);box-sizing:border-box;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;width:100%;max-width:100%;position:relative;overflow:hidden visible;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff1a}.dashboard-main-block:before{content:"";background:linear-gradient(90deg,#0000,#fff6 50%,#0000);height:1px;position:absolute;top:0;left:0;right:0}.dashboard-header{text-align:center;margin-bottom:2rem}.dashboard-title{-webkit-text-fill-color:transparent;text-align:center;background:linear-gradient(135deg,#fff,#e0e7ff 50%,#c7d2fe);-webkit-background-clip:text;background-clip:text;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:2rem;font-weight:700;display:flex}.title-icon{-webkit-text-fill-color:initial;color:initial;background:0 0;-webkit-background-clip:initial;background-clip:initial}.dashboard-subtitle{color:var(--text-secondary);margin:0;font-size:1rem}.topbar{justify-content:space-between;padding:var(--space-3)0;margin-bottom:var(--space-4);flex-wrap:wrap}.topbar,.topbar-left,.topbar-right{align-items:center;gap:var(--space-3);display:flex}.topbar-logo .logo-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:.05em;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #667eea4d);background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#4facfe 75%,#667eea) 0 0/300% 300%;-webkit-background-clip:text;background-clip:text;animation:gradientShift 4s infinite}.user-menu{gap:var(--space-3)}.user-info,.user-menu{align-items:center;display:flex}.user-info{gap:var(--space-2)}.user-name{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.cli-management{margin:0 0 var(--space-6)0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:0;width:100%;min-width:0;padding:0;display:block;position:static;overflow:visible}.cli-management:before{content:none}.cli-status{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.status-indicator{padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-primary)}.status-dot{background:var(--color-error)}.status-indicator.connected .status-dot{background:var(--color-success)}.status-text{font-size:var(--font-size-sm);color:var(--text-primary)}.cli-actions{gap:var(--space-3);flex:1;justify-content:center;display:flex}.sync-status{gap:var(--space-3);flex-shrink:0}.sync-text{font-size:var(--font-size-sm);color:var(--text-secondary)}.main-navigation{align-items:center;display:flex}.dashboard-content{gap:var(--space-6);grid-template-rows:1fr;grid-template-columns:1fr 400px;align-items:stretch;display:grid}.send-section{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:var(--radius-xl);padding:var(--space-5);background:linear-gradient(135deg,#667eea1a,#3b82f60d);border:1px solid #667eea33;flex-direction:column;width:100%;height:auto;min-height:500px;display:flex;position:relative;overflow:hidden visible;box-shadow:0 8px 32px #667eea1a,0 0 0 1px #667eea1a}.send-section,.send-section *,.send-section button,.send-section input,.send-section select,.send-section textarea{box-sizing:border-box;max-width:100%}.send-section:before{content:"";background:linear-gradient(90deg,#0000,#667eea66 50%,#0000);height:1px;position:absolute;top:0;left:0;right:0}.section-header{margin-bottom:var(--space-3);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.section-actions,.section-title{align-items:center;gap:var(--space-2);display:flex}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text}.section-icon{font-size:var(--font-size-base);-webkit-text-fill-color:initial;color:initial;background:0 0;-webkit-background-clip:initial;background-clip:initial}.tabs{margin-bottom:var(--space-3);border-bottom:1px solid var(--border-primary);flex-shrink:0}.tab,.tabs{gap:var(--space-2);display:flex}.tab{align-items:center;padding:var(--space-3)var(--space-4);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border-radius:var(--radius-md)var(--radius-md)0 0;background:0 0;border:none;transition:all .2s}.tab:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.tab.active{color:#fff;background:linear-gradient(135deg,var(--color-primary)0,#4f46e5 100%);box-shadow:0 4px 12px #667eea4d}.tab-icon{font-size:var(--font-size-base)}.tab-content{gap:var(--space-3);box-sizing:border-box;flex-direction:column;flex:1;width:100%;max-width:100%;min-height:0;display:flex;overflow:hidden visible}.recipient-selector{gap:var(--space-3);flex-direction:column;flex-shrink:0;display:flex}.recipient-type{gap:var(--space-2);display:flex}.type-btn{padding:var(--space-2)var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.type-btn:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.type-btn.active{background:linear-gradient(135deg,var(--color-primary)0,#4f46e5 100%);color:#fff;border-color:var(--color-primary);box-shadow:0 4px 12px #667eea4d}.group-selector,.user-selector{gap:var(--space-3);flex-direction:column;display:flex}.selector-header{justify-content:space-between;align-items:center;display:flex}.selector-title{font-weight:var(--font-weight-medium)}.search-input,.selector-title{font-size:var(--font-size-sm);color:var(--text-primary)}.search-input{padding:var(--space-3)var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);box-sizing:border-box;width:100%;max-width:100%}.search-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #667eea1a}.recipient-select{padding:var(--space-3)var(--space-4);color:var(--text-primary);box-sizing:border-box;width:100%;max-width:100%}.current-recipient,.recipient-select{border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);font-size:var(--font-size-sm)}.current-recipient{padding:var(--space-2)var(--space-3);color:var(--text-secondary)}.message-content{gap:var(--space-3);flex-shrink:0}.message-content,.message-text{flex-direction:column;display:flex;flex:1!important;width:100%!important;max-width:none!important}.message-text{gap:var(--space-2)}.message-textarea{border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);resize:vertical;box-sizing:border-box;min-height:140px;font-family:inherit;width:100%!important;max-width:none!important;padding:var(--space-3)var(--space-4)!important;font-size:var(--font-size-sm)!important;flex:1!important}.message-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #667eea1a}.format-hint{font-size:var(--font-size-xs);color:var(--text-muted)}.media-upload{gap:var(--space-3);flex-direction:column;display:flex}.upload-header{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);display:flex}.upload-icon{font-size:var(--font-size-base)}.file-input{display:none}.file-label{padding:var(--space-3)var(--space-4);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;text-align:center;transition:all .2s;display:inline-block}.file-label:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.file-status{font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--space-2)var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.send-actions{gap:var(--space-3);display:flex}.logs-panel{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:var(--radius-xl);padding:var(--space-5);height:var(--send-section-height,750px);max-height:var(--send-section-height,750px);background:linear-gradient(135deg,#22c55e1a,#10b9810d);border:1px solid #22c55e33;flex-direction:column;min-height:400px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #22c55e1a,0 0 0 1px #22c55e1a}.logs-panel:before{content:"";background:linear-gradient(90deg,#0000,#22c55e66 50%,#0000);height:1px;position:absolute;top:0;left:0;right:0}.logs-title{align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);-webkit-text-fill-color:transparent;margin-bottom:var(--space-2);background:linear-gradient(135deg,#fff,#d1fae5);-webkit-background-clip:text;background-clip:text;flex-shrink:0;display:flex}.logs-icon{font-size:var(--font-size-base)}.logs-controls{gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-primary);flex-shrink:0;display:flex}.logs-filter,.logs-search{padding:var(--space-2)var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm)}.logs-filter{flex:none}.logs-search{flex:1;min-width:120px;max-width:200px}.logs-content{height:calc(100% - 120px);min-height:0;max-height:calc(100% - 120px);margin:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);scrollbar-width:thin;scrollbar-color:#ffffff4d transparent;background:#0000001a;flex:1;overflow:hidden auto}.logs-content::-webkit-scrollbar{width:8px}.logs-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.logs-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.logs-content::-webkit-scrollbar-thumb:hover{background:#ffffff80}.logs-list{flex-direction:column}.log-item,.logs-list{gap:var(--space-2);display:flex}.log-item{align-items:flex-start;padding:var(--space-2)var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--font-size-xs);line-height:1.4}.log-time{color:var(--text-muted);white-space:nowrap;font-family:monospace}.log-icon{font-size:var(--font-size-sm);line-height:1}.log-message{color:var(--text-primary);word-break:break-word;flex:1}.logs-footer{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-primary);flex-shrink:0}.logs-stats{font-size:var(--font-size-xs);color:var(--text-muted);text-align:center}.mass-sending{gap:var(--space-6)}.mass-header,.mass-sending{flex-direction:column;display:flex}.mass-header,.mass-title{gap:var(--space-3)}.mass-title{align-items:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);display:flex}.mass-icon{font-size:var(--font-size-lg)}.mass-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-normal);margin:0}.group-selection{gap:var(--space-4);flex-direction:column;display:flex}.group-header{align-items:center;gap:var(--space-2);font-weight:var(--font-weight-medium);color:var(--text-primary);display:flex}.group-header,.group-icon{font-size:var(--font-size-base)}.group-search{gap:var(--space-3);flex-direction:column;display:flex}.group-select{padding:var(--space-3)var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm)}.collect-users-section{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background:#3b82f60d;border:1px solid #3b82f633}.collect-users-info{font-size:var(--font-size-xs);color:var(--text-muted)}.collect-users-info,.collection-status{align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.collection-status{padding:var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-primary)}.collection-status.success{background:#22c55e1a;border:1px solid #22c55e4d}.collection-status.error{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d}.status-icon{font-size:var(--font-size-base)}.safe-mode{gap:var(--space-4);padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);flex-direction:column;display:flex}.safe-mode-header{align-items:center;gap:var(--space-3);display:flex}.safe-mode-header input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-success)}.safe-mode-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-success);cursor:pointer}.delay-settings{gap:var(--space-3);flex-direction:column;display:flex}.delay-row{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.delay-field{gap:var(--space-2);flex-direction:column;display:flex}.delay-field label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.delay-input{padding:var(--space-2)var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);text-align:center}.delay-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #667eea1a}.delay-hint{font-size:var(--font-size-xs);color:var(--text-muted);text-align:center;padding:var(--space-2);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.mass-message{gap:var(--space-3);flex-direction:column;display:flex}.message-header{align-items:center;gap:var(--space-2);font-weight:var(--font-weight-medium);color:var(--text-primary);display:flex}.message-header,.message-icon{font-size:var(--font-size-base)}.mass-textarea{padding:var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);resize:vertical;min-height:120px;font-family:inherit}.mass-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #667eea1a}.mass-textarea::placeholder{color:var(--text-muted)}.mass-media{gap:var(--space-3);flex-direction:column;display:flex}.media-header{align-items:center;gap:var(--space-2);font-weight:var(--font-weight-medium);color:var(--text-primary);display:flex}.media-header,.media-icon{font-size:var(--font-size-base)}.mass-actions{margin-top:var(--space-4);flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;display:flex}.mass-actions .btn{min-width:200px}.mass-actions-row{gap:var(--space-3);margin-bottom:0;display:flex}.mass-actions-info{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-secondary);flex-shrink:0;margin-left:10px;display:flex}.observation{gap:var(--space-6)}.observation,.observation-header{flex-direction:column;display:flex}.observation-header{gap:var(--space-3)}.observation-title{align-items:center;gap:var(--space-3);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);display:flex}.observation-icon{font-size:var(--font-size-lg)}.channel-selection{gap:var(--space-4);flex-direction:column;display:flex}.channel-header{align-items:center;gap:var(--space-2);font-weight:var(--font-weight-medium);color:var(--text-primary);display:flex}.channel-header,.channel-icon{font-size:var(--font-size-base)}.channel-tabs{gap:var(--space-2);display:flex}.channel-tab{padding:var(--space-2)var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.channel-tab:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.channel-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.channel-search{margin-bottom:var(--space-4)}.channel-search .search-input-wide{width:100%;max-width:none}.channel-filters-row{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:end;display:flex}.filter-group{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.filter-group:first-child{flex:2;min-width:200px}.filter-label{font-weight:var(--font-weight-medium);align-items:center;gap:var(--space-1);display:flex}.filter-label,.filter-select{font-size:var(--font-size-sm);color:var(--text-primary)}.filter-select{padding:var(--space-2)var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);cursor:pointer;min-width:120px;transition:all .2s}.filter-select:hover{background:var(--bg-glass-hover);border-color:var(--color-primary)}.filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-20);outline:none}.filter-help{cursor:help;opacity:.7;font-size:var(--font-size-xs)}@media (max-width:768px){.channel-filters-row{align-items:stretch;gap:var(--space-2);flex-direction:column}.filter-group{flex:none}.filter-group:first-child{flex:none;min-width:auto}.filter-select{width:100%;min-width:auto}}.channel-list{gap:var(--space-2);height:280px;padding:var(--space-3);border:1px solid var(--border-primary);flex-direction:column;display:flex;overflow-y:auto}.channel-item,.channel-list{background:var(--bg-secondary);border-radius:var(--radius-md)}.channel-item{gap:var(--space-3);flex-shrink:0;min-height:80px;position:relative;overflow:hidden}.channel-item:before{content:"";background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.channel-item:hover{background:var(--bg-glass-hover);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.channel-item:hover:before{opacity:1}.channel-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);margin-top:2px}.channel-label{font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;flex:1}.channel-info{gap:var(--space-1);flex-direction:column;display:flex}.channel-title{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-md);margin-bottom:4px;line-height:1.3}.channel-link{color:var(--color-primary);text-decoration:none;transition:color .2s}.channel-link:hover{color:var(--color-primary-light);text-decoration:underline}.channel-username-link{color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none;transition:color .2s}.channel-username-link:hover{color:var(--color-primary-light);text-decoration:underline}.channel-details{margin-left:var(--space-3);flex:1}.channel-meta{gap:var(--space-2);flex-direction:column;display:flex}.channel-id-username{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.channel-id{color:var(--text-tertiary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:2px 6px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.channel-id,.channel-username{font-size:11px}.channel-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.channel-badge{white-space:nowrap;border:1px solid;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:500;transition:all .2s;display:inline-flex}.channel-type-badge{color:#e74c3c;background:#e74c3c26;border-color:#e74c3c4d}.channel-members-badge{color:#3498db;background:#3498db26;border-color:#3498db4d}.channel-comments-badge{color:#2ecc71;background:#2ecc7126;border-color:#2ecc714d}.channel-time-badge{color:#9b59b6;background:#9b59b626;border-color:#9b59b64d}.badge-icon{opacity:.9;font-size:10px}.badge-text{font-size:10px;font-weight:500}.channel-badge:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}@media (max-width:768px){.channel-badges{gap:4px}.channel-badge{padding:3px 6px;font-size:10px}.badge-icon,.badge-text{font-size:9px}.channel-id{padding:1px 4px;font-size:10px}}.channel-actions{gap:var(--space-2);align-items:center;display:flex}.observation-controls{gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-primary);display:flex}.observation-settings{gap:var(--space-4);padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);flex-direction:column;display:flex}.settings-header{align-items:center;gap:var(--space-2);font-weight:var(--font-weight-medium);color:var(--text-primary);display:flex}.settings-header,.settings-icon{font-size:var(--font-size-base)}.settings-options{gap:var(--space-3);flex-direction:column;display:flex}.setting-item{align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer}.setting-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary)}.settings-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.observation-status{color:var(--color-success);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);background:#22c55e1a;border:1px solid #22c55e33}.reaction-rules{gap:var(--space-3);flex-direction:column;display:flex}.rules-header{align-items:center;gap:var(--space-2);font-weight:var(--font-weight-medium);color:var(--text-primary);display:flex}.rules-header,.rules-icon{font-size:var(--font-size-base)}.rules-description{font-size:var(--font-size-xs);color:var(--text-muted)}.rules-textarea{padding:var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);resize:vertical;font-family:monospace}.rules-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #667eea1a}.detected-posts{gap:var(--space-3);flex-direction:column;display:flex}.posts-header{align-items:center;gap:var(--space-2);font-weight:var(--font-weight-medium);color:var(--text-primary);display:flex}.posts-header,.posts-icon{font-size:var(--font-size-base)}.posts-list{gap:var(--space-2);flex-direction:column;max-height:200px;display:flex;overflow-y:auto}.post-item{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);display:flex}.post-time{color:var(--text-muted);white-space:nowrap;font-family:monospace}.post-channel{color:var(--color-primary);font-weight:var(--font-weight-medium);min-width:120px}.post-content{color:var(--text-primary);flex:1}.auto-manager{gap:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-primary);flex-direction:column;display:flex}.manager-header{gap:var(--space-3);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.manager-icon{font-size:var(--font-size-lg)}.manager-description{margin:0}.topics-input{gap:var(--space-4);flex-direction:column;display:flex}.topics-field{padding:var(--space-4);background:var(--bg-primary)}.ai-test{gap:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-primary);flex-direction:column;display:flex}.ai-header{gap:var(--space-3);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.ai-icon{font-size:var(--font-size-lg)}.user-field{background:var(--bg-primary)}.ai-description{margin:0 0 var(--space-4)0}.message-field{background:var(--bg-primary)}.ai-settings{gap:var(--space-8);flex-direction:column;display:flex}.ai-settings-header{align-items:center;gap:var(--space-3);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);display:flex}.ai-settings-icon{font-size:var(--font-size-lg)}.character-form{gap:var(--space-6);padding:var(--space-6);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);flex-direction:column;display:flex}.form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.form-input,.form-select,.form-textarea{padding:var(--space-3)var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #667eea1a}.form-textarea{min-height:80px}.form-checkbox{align-items:center;gap:var(--space-3);display:flex}.form-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary)}.character-preview{padding:var(--space-6);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl)}.preview-header{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.preview-content{padding:var(--space-4);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);align-items:center;min-height:60px;display:flex}.preview-text{font-size:var(--font-size-sm);color:var(--text-primary);line-height:var(--line-height-normal)}.preview-additional{color:var(--text-secondary)}.preview-placeholder{font-size:var(--font-size-sm);color:var(--text-muted);font-style:italic}@media (max-width:1200px){.dashboard-content{gap:var(--space-4);grid-template-rows:auto auto;grid-template-columns:1fr}.send-section{min-height:400px}.logs-panel{height:500px;max-height:500px}}@media (max-width:1024px){.dashboard-container{padding:0 var(--space-4)}.dashboard-main-block{padding:var(--space-5)}.dashboard-title{font-size:1.75rem}.title-icon{-webkit-text-fill-color:initial;color:initial;background:0 0;-webkit-background-clip:initial;background-clip:initial;font-size:2rem}}@media (max-width:768px){.dashboard-container{padding:0 var(--space-3)}.dashboard-container,.dashboard-main{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}.dashboard-main{padding:var(--space-3)0;padding-top:calc(var(--space-3) + 100px)}.dashboard-main-block{padding:var(--space-3);border-radius:var(--radius-lg);box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}.dashboard-header{margin-bottom:var(--space-3)}.dashboard-title{flex-wrap:wrap;gap:.5rem;font-size:1.25rem}.title-icon{-webkit-text-fill-color:initial;color:initial;background:0 0;-webkit-background-clip:initial;background-clip:initial;font-size:1.5rem}.dashboard-subtitle{font-size:var(--font-size-xs);line-height:1.4}.cli-management,.topbar{margin-bottom:var(--space-3)}.topbar{gap:var(--space-2);padding:var(--space-2)0;flex-direction:column;align-items:stretch}.topbar-left,.topbar-right{justify-content:center;gap:var(--space-2);flex-wrap:wrap}.topbar-logo .logo-text{font-size:var(--font-size-base)}.cli-actions{gap:var(--space-2);flex-wrap:wrap;width:100%}.cli-actions .btn{flex:1 1 calc(50% - var(--space-1));min-width:100px;font-size:var(--font-size-xs);padding:var(--space-2);min-height:36px}.tabs{gap:var(--space-1);flex-wrap:nowrap}.tab{flex-shrink:0}.send-actions{gap:var(--space-2)}.send-actions .btn{min-height:40px}.delay-row{gap:var(--space-2);grid-template-columns:1fr}.mass-actions .btn{width:100%;min-width:auto;min-height:40px}.dashboard-content{gap:var(--space-3)}.send-section{padding:var(--space-3);border-radius:var(--radius-lg);box-sizing:border-box;width:100%;max-width:100%;min-height:auto;overflow-x:hidden}.section-header{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-flow:wrap;width:100%;max-width:100%}.section-title{font-size:var(--font-size-sm);gap:var(--space-1);flex:auto;min-width:0}.section-icon{font-size:var(--font-size-xs);-webkit-text-fill-color:initial;color:initial;background:0 0;-webkit-background-clip:initial;background-clip:initial;flex-shrink:0}.section-actions{gap:var(--space-1);flex-shrink:0}.section-actions .btn{padding:var(--space-1)var(--space-2);font-size:var(--font-size-xs);white-space:nowrap;min-height:28px}.tabs{scrollbar-width:thin;-ms-overflow-style:none;padding-bottom:var(--space-1);overflow-x:auto}.tabs::-webkit-scrollbar{height:4px}.tabs::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.tab{padding:var(--space-2)var(--space-3);white-space:nowrap}.tab,.tab-icon{font-size:var(--font-size-xs)}.recipient-selector{gap:var(--space-2)}.recipient-type{gap:var(--space-1);flex-wrap:wrap}.type-btn{min-width:80px;font-size:var(--font-size-xs);padding:var(--space-2);flex:auto;min-height:32px}.group-selector,.selector-header,.user-selector{gap:var(--space-2)}.selector-header{flex-wrap:wrap}.selector-title{font-size:var(--font-size-xs)}.group-selector,.user-selector{box-sizing:border-box;width:100%;max-width:100%}.file-input,.group-selector .input,.message-input,.message-textarea,.recipient-select,.search-input,.user-selector .input{font-size:var(--font-size-sm);padding:var(--space-2)var(--space-3);box-sizing:border-box;width:100%;max-width:100%;min-height:40px}.message-textarea{box-sizing:border-box;min-height:100px;width:100%!important;max-width:100%!important}.group-list,.user-list{gap:var(--space-1);max-height:150px;overflow:hidden auto}.group-item,.group-list,.user-item,.user-list{box-sizing:border-box;width:100%;max-width:100%}.group-item,.user-item{min-height:36px}.current-recipient,.group-item,.user-item{padding:var(--space-2);font-size:var(--font-size-xs);word-wrap:break-word;overflow-wrap:break-word}.current-recipient{box-sizing:border-box;width:100%;max-width:100%}.file-label{padding:var(--space-2)var(--space-3);min-height:40px}.file-label,.file-status{font-size:var(--font-size-xs);box-sizing:border-box;width:100%;max-width:100%}.file-status{padding:var(--space-1)var(--space-2);word-wrap:break-word}.message-content,.message-text{box-sizing:border-box;width:100%!important;max-width:100%!important}.recipient-selector,.recipient-type,.tab-content{box-sizing:border-box;width:100%;max-width:100%}.tab-content{overflow-x:hidden}.send-actions{flex-direction:column}.send-actions .btn{width:100%}.logs-panel{height:min(var(--send-section-height,350px),350px);max-height:min(var(--send-section-height,350px),350px);min-height:250px;padding:var(--space-3);border-radius:var(--radius-lg)}.logs-title{font-size:var(--font-size-sm);margin-bottom:var(--space-2);gap:var(--space-1)}.logs-icon{font-size:var(--font-size-xs)}.logs-controls{gap:var(--space-1);margin-bottom:var(--space-2);padding-bottom:var(--space-2);flex-wrap:wrap}.logs-filter,.logs-search{font-size:var(--font-size-xs);padding:var(--space-1)var(--space-2);min-height:32px}.logs-filter{flex:none;min-width:60px}.logs-search{flex:1;min-width:100px}.logs-content{height:calc(100% - 100px);max-height:calc(100% - 100px);margin:var(--space-1);padding:var(--space-1)}.log-item{padding:var(--space-1)var(--space-2);gap:var(--space-1);font-size:10px}.log-time{font-size:9px}.log-icon{font-size:var(--font-size-xs)}.log-message{font-size:10px;line-height:1.3}.logs-footer{margin-top:var(--space-1);padding-top:var(--space-1)}.logs-stats{font-size:9px}}@media (max-width:480px){.dashboard-container{padding:0 var(--space-2)}.dashboard-container,.dashboard-main{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}.dashboard-main{padding:var(--space-3)0;padding-top:calc(var(--space-3) + 100px)}.dashboard-main-block{padding:var(--space-3);border-radius:var(--radius-md);box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}.dashboard-title{gap:var(--space-2);flex-direction:column;font-size:1.25rem}.title-icon{-webkit-text-fill-color:initial;color:initial;background:0 0;-webkit-background-clip:initial;background-clip:initial;font-size:1.5rem}.cli-actions .btn,.dashboard-subtitle{font-size:var(--font-size-xs)}.cli-actions .btn{min-width:100px;padding:var(--space-2)var(--space-3)}.send-section{padding:var(--space-2);width:100%;max-width:100%;min-height:auto;overflow-x:hidden}.section-title{font-size:var(--font-size-xs);word-break:break-word}.tab{padding:var(--space-1);flex-shrink:0;min-height:28px}.tab,.tab-icon{font-size:10px}.recipient-selector{gap:var(--space-2);width:100%;max-width:100%}.type-btn{padding:var(--space-1)var(--space-2);word-break:break-word;flex:auto;min-width:0;min-height:28px;font-size:10px}.group-selector .input,.message-textarea,.recipient-select,.search-input,.user-selector .input{font-size:var(--font-size-xs);padding:var(--space-2)}.message-textarea{min-height:80px}.logs-panel{height:min(var(--send-section-height,250px),250px);max-height:min(var(--send-section-height,250px),250px);min-height:200px;padding:var(--space-2)}.logs-title{font-size:var(--font-size-xs)}.logs-controls,.logs-title{margin-bottom:var(--space-1)}.logs-controls{padding-bottom:var(--space-1)}.logs-content{height:calc(100% - 80px);max-height:calc(100% - 80px)}.log-item{padding:var(--space-1);font-size:9px;line-height:1.2}.log-time{font-size:8px}.log-message{font-size:9px}}.dashboard,.dashboard-main{scroll-margin-top:0;scroll-padding-top:0}.dashboard [id]{scroll-margin-top:0!important;scroll-padding-top:0!important}.dashboard *,.dashboard-main *{transition:none!important}.dashboard,.dashboard *{scroll-behavior:auto!important}.dashboard :focus,.dashboard [id]{scroll-margin:0!important;scroll-padding:0!important}.info-icon{font-size:var(--font-size-sm)}.member-loading-settings{margin-bottom:var(--space-4);padding:var(--space-3);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.messages-limit-setting{gap:var(--space-2);flex-direction:column;display:flex}.messages-limit-setting label{font-weight:500}.messages-limit-select,.messages-limit-setting label{font-size:var(--font-size-sm);color:var(--text-primary)}.messages-limit-select{padding:var(--space-2)var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary)}.messages-limit-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2);outline:none}@media (max-width:768px){.mass-actions-row,.messages-limit-setting{flex-direction:column}}.notifications-container{z-index:2000;gap:var(--space-2);flex-direction:column;max-width:400px;display:flex;position:fixed;top:20px;right:20px}.notification{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s;animation:slideIn .3s forwards;transform:translate(100%);box-shadow:0 4px 12px #0000004d}.notification:hover{transform:translate(0)scale(1.02);box-shadow:0 6px 16px #0006}.notification-content{padding:var(--space-3)var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.notification-message{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);flex:1}.notification-close{color:var(--text-secondary);font-size:var(--font-size-lg);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-weight:700;transition:all .2s;display:flex}.notification-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.notification-error{background:#ef44441a;border-left:4px solid #ef4444}.notification-warning{background:#f59e0b1a;border-left:4px solid #f59e0b}.notification-success{background:#10b9811a;border-left:4px solid #10b981}.notification-info{background:#3b82f61a;border-left:4px solid #3b82f6}.account-page{scroll-behavior:smooth;background:linear-gradient(135deg,#0f0f23,#1a1a2e 25%,#16213e 50%,#0f3460 75%,#533483);min-height:100vh;position:relative;overflow:hidden auto}.account-main{background:var(--bg-primary);padding:calc(2rem + 100px) 0 2rem;overflow:visible}.account-container{box-sizing:border-box;width:100%;max-width:1600px;margin:0 auto;padding:0 2rem;overflow-x:hidden}.account-main-block{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:var(--radius-xl);padding:var(--space-6);box-sizing:border-box;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff26;width:100%;max-width:100%;position:relative;overflow:hidden visible;box-shadow:0 8px 32px #0003,0 0 0 1px #ffffff0d}.account-main-block:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);height:1px;position:absolute;top:0;left:0;right:0}.account-header{text-align:center;margin-bottom:2rem}.account-title{-webkit-text-fill-color:transparent;text-align:center;background:linear-gradient(135deg,#fff,#e0e7ff 50%,#c7d2fe);-webkit-background-clip:text;background-clip:text;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:2rem;font-weight:700;display:flex}.account-subtitle{color:var(--text-secondary);margin:0;font-size:1rem}.account-menu{background:var(--bg-glass);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-6);margin:0 var(--space-6)var(--space-6)var(--space-6);box-shadow:var(--shadow-md)}.subscription-header{margin-bottom:var(--space-6)}.subscription-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);align-items:center;gap:var(--space-3);margin:0;display:flex}.current-usage{background:var(--bg-glass);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-8);box-shadow:var(--shadow-md)}.usage-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.usage-header .usage-icon,.usage-header h3{font-size:var(--font-size-lg)}.usage-header h3{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.usage-stats{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.usage-item{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex}.usage-item .usage-icon{font-size:var(--font-size-base);text-align:center;width:24px}.usage-label{color:var(--text-secondary);font-weight:var(--font-weight-medium);flex:1}.usage-label,.usage-value{font-size:var(--font-size-sm)}.usage-value{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.tariff-section{margin-top:var(--space-8)}.tariff-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.tariff-header .tariff-icon{font-size:var(--font-size-xl)}.tariff-header h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.tariff-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin:0 0 var(--space-8)0;line-height:var(--line-height-normal)}.payments-section{margin-top:var(--space-8)}.payments-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.payments-header .payments-icon{font-size:var(--font-size-lg)}.payments-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.payments-footer{margin-top:var(--space-4);text-align:center}.account-content{background:0 0}.content-section{padding:var(--space-8)var(--space-10)}.profile-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.profile-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.profile-avatar{background:var(--color-primary);width:80px;height:80px;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.avatar-text{text-transform:uppercase}.profile-info h3{margin:0 0 var(--space-2)0;color:var(--text-primary);font-size:var(--font-size-xl)}.profile-email{color:var(--text-secondary);margin:0 0 var(--space-1)0;font-size:var(--font-size-sm)}.profile-date{color:var(--text-muted);font-size:var(--font-size-xs);margin:0}.profile-stats{gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-primary);grid-template-columns:repeat(3,1fr);display:grid}.profile-form{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-6)}.form{gap:var(--space-4);flex-direction:column;display:flex}.form-group{gap:var(--space-2)}.form-input{padding:var(--space-3)var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm)}.form-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #667eea1a}.form-input:read-only{background:var(--bg-secondary);color:var(--text-muted)}.form-actions{margin-top:var(--space-4);justify-content:flex-start;display:flex}.current-plan{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.plan-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.plan-header h3{color:var(--text-primary);margin:0}.plan-status{padding:var(--space-1)var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.plan-status.active{background:var(--color-success);color:#fff}.plan-status.inactive{background:var(--color-danger);color:#fff}.plan-expires{color:var(--text-secondary);margin:0 0 var(--space-4)0;font-size:var(--font-size-sm)}.plan-features ul{padding-left:var(--space-6);color:var(--text-secondary)}.plan-features li{margin-bottom:var(--space-1)}.plans-grid{gap:var(--space-6);margin-top:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.plan-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-6);text-align:left;box-shadow:var(--shadow-md);flex-direction:column;height:100%;transition:all .3s;display:flex;position:relative}.plan-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.plan-card.current{border-color:var(--color-primary);box-shadow:0 0 0 2px #667eea33}.plan-badge{background:var(--color-primary);color:#fff;padding:var(--space-1)var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);position:absolute;top:-10px;left:50%;transform:translate(-50%)}.plan-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.plan-name,.plan-price{margin-bottom:var(--space-4)}.price{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.period{font-size:var(--font-size-sm);color:var(--text-secondary);margin-left:var(--space-1)}.plan-features{margin-bottom:var(--space-6);flex:1}.plan-features ul{margin:0;padding:0;list-style:none}.plan-features li{align-items:flex-start;gap:var(--space-2);padding:var(--space-2)0;color:var(--text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);display:flex}.feature-check{color:var(--color-success);font-weight:var(--font-weight-bold);flex-shrink:0;margin-top:2px}.payments-table{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.table-header{background:var(--bg-primary);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-sm)}.table-header,.table-row{border-bottom:1px solid var(--border-primary);padding:var(--space-4)var(--space-6);grid-template-columns:1fr 1fr 1fr 1fr 1fr;display:grid}.table-row{align-items:center}.table-row:last-child{border-bottom:none}.table-cell{font-size:var(--font-size-sm);color:var(--text-primary)}.status-badge{padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.status-badge.completed,.status-badge.paid{background:var(--color-success);color:#fff}.status-badge.pending{background:var(--color-warning);color:#fff}.status-badge.canceled,.status-badge.failed{background:var(--color-danger);color:#fff}.settings-sections{gap:var(--space-6);flex-direction:column;display:flex}.settings-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-6)}.settings-section h3{margin:0 0 var(--space-4)0;color:var(--text-primary)}.setting-item{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.setting-item:last-child{margin-bottom:0}.setting-label{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);cursor:pointer;display:flex}.setting-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary)}.setting-description{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0;margin-left:var(--space-6)}.plan-button{width:100%;padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;text-align:center;border:none;margin-top:auto;transition:all .2s}.plan-button.select{background:var(--color-primary);color:#fff}.plan-button.select:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.plan-button.current{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-primary);cursor:not-allowed}.plan-button:disabled{opacity:.6;cursor:not-allowed}.btn{padding:var(--space-2)var(--space-4);text-align:center;border:none;display:inline-block}.btn-primary{background:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-dark)}.btn-outline{color:var(--color-primary);border:1px solid var(--color-primary);background:0 0}.btn-outline:hover{background:var(--color-primary);color:#fff}.btn-sm{padding:var(--space-1)var(--space-3);font-size:var(--font-size-xs)}.empty-state,.loading-state{text-align:center;padding:var(--space-8);color:var(--text-secondary)}.empty-state p,.loading-state p{font-size:var(--font-size-base);margin:0}.plan-description{margin-bottom:var(--space-4)}.plan-description p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-normal);margin:0}@media (min-width:1400px){.account-container{max-width:1600px}.plans-grid{gap:var(--space-8);grid-template-columns:repeat(4,1fr)}.content-section{padding:var(--space-10)var(--space-12)}}@media (max-width:1200px){.plans-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.horizontal-nav{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.plans-grid{grid-template-columns:repeat(2,1fr)}.usage-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.profile-stats,.table-header,.table-row{grid-template-columns:1fr}.table-header,.table-row{gap:var(--space-2)}.table-cell{padding:var(--space-1)0}}@media (max-width:768px){.account-main{padding:var(--space-3)0;padding-top:calc(var(--space-3) + 100px)}.account-container,.account-main{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}.account-container{padding:0 var(--space-3)}.account-main-block{padding:var(--space-3);border-radius:var(--radius-lg);width:100%;max-width:100%;overflow-x:hidden}.account-header{margin-bottom:var(--space-4);padding:0}.account-title{flex-wrap:wrap;gap:.5rem;font-size:1.5rem}.title-icon{font-size:1.75rem}.account-subtitle{font-size:var(--font-size-sm);line-height:1.4}.account-menu{margin:0 0 var(--space-4)0;padding:var(--space-3);box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}.horizontal-nav{gap:var(--space-1);scrollbar-width:thin;-ms-overflow-style:none;padding-bottom:var(--space-1);overflow-x:auto}.horizontal-nav::-webkit-scrollbar{height:3px}.horizontal-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.horizontal-nav .nav-item{padding:var(--space-2)var(--space-3);font-size:var(--font-size-xs);white-space:nowrap;flex-shrink:0}.content-section{padding:var(--space-3);box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}.content-section h2{font-size:var(--font-size-lg);gap:var(--space-2);flex-wrap:wrap}.content-section h3{font-size:var(--font-size-base);margin:var(--space-4)0 var(--space-3)0}.content-section h4{font-size:var(--font-size-sm);margin:var(--space-3)0 var(--space-2)0}.plans-grid{gap:var(--space-3);grid-template-columns:1fr}.plan-card{padding:var(--space-3);box-sizing:border-box;width:100%;max-width:100%}.plan-name{font-size:var(--font-size-lg)}.price{font-size:var(--font-size-xl)}.plan-features li{padding:var(--space-1)0}.plan-button{padding:var(--space-2)var(--space-3);font-size:var(--font-size-xs);min-height:40px}.usage-stats{gap:var(--space-2);grid-template-columns:1fr}.usage-item{padding:var(--space-2);gap:var(--space-2);flex-wrap:wrap}.usage-label{word-break:break-word}.usage-label,.usage-value{font-size:var(--font-size-xs)}.usage-value{flex-shrink:0}.current-usage{padding:var(--space-3);margin-bottom:var(--space-4)}.usage-header h3{font-size:var(--font-size-base)}.profile-card{padding:var(--space-3);margin-bottom:var(--space-4)}.profile-header{text-align:center;gap:var(--space-2);flex-direction:column}.profile-avatar{width:60px;height:60px;font-size:var(--font-size-xl);margin:0 auto}.profile-info h3{font-size:var(--font-size-base)}.profile-date,.profile-email{font-size:var(--font-size-xs)}.profile-stats{gap:var(--space-2);padding-top:var(--space-3);grid-template-columns:1fr}.stat-value{font-size:var(--font-size-lg)}.stat-label{font-size:10px}.profile-form{padding:var(--space-3)}.form-group{gap:var(--space-1)}.form-label{font-size:var(--font-size-xs)}.form-input{padding:var(--space-2)var(--space-3);font-size:var(--font-size-sm);min-height:40px}.form-actions{gap:var(--space-2);flex-direction:column}.form-actions .btn{width:100%;min-height:40px}.current-plan{padding:var(--space-3);margin-bottom:var(--space-4)}.plan-header{gap:var(--space-2);flex-flow:column wrap;align-items:flex-start}.plan-header h3{font-size:var(--font-size-base);word-break:break-word}.plan-status{padding:var(--space-1)var(--space-2);font-size:10px}.plan-expires{font-size:var(--font-size-xs)}.plan-features ul{padding-left:var(--space-4)}.plan-features li{font-size:var(--font-size-xs)}.tariff-section{margin-top:var(--space-4)}.tariff-header{gap:var(--space-2);flex-wrap:wrap}.tariff-header h3{font-size:var(--font-size-lg);word-break:break-word}.tariff-subtitle{font-size:var(--font-size-sm)}.subscription-header{margin-bottom:var(--space-4)}.subscription-header h2{font-size:var(--font-size-lg);gap:var(--space-2);flex-wrap:wrap}.payments-section{margin-top:var(--space-4)}.payments-header h3{font-size:var(--font-size-base)}.payments-table{width:100%;max-width:100%;overflow-x:auto}.table-header,.table-row{gap:var(--space-2);padding:var(--space-2)var(--space-3);grid-template-columns:1fr;min-width:600px}.table-cell{padding:var(--space-1)0;font-size:var(--font-size-xs);word-break:break-word}.status-badge{padding:var(--space-1);font-size:9px}.settings-sections{gap:var(--space-4)}.settings-section{padding:var(--space-3)}.settings-section h3{font-size:var(--font-size-base);margin-bottom:var(--space-3)}.setting-item{gap:var(--space-1);margin-bottom:var(--space-3)}.setting-label{font-size:var(--font-size-xs);gap:var(--space-1)}.setting-description{margin-left:var(--space-4);font-size:10px}}@media (max-width:480px){.account-container{padding:0 var(--space-2)}.account-main-block{padding:var(--space-2);border-radius:var(--radius-md)}.account-title{gap:var(--space-2);flex-direction:column;font-size:1.25rem}.title-icon{font-size:1.5rem}.account-subtitle{font-size:var(--font-size-xs)}.horizontal-nav .nav-item{padding:var(--space-1)var(--space-2);font-size:10px}.plan-card{padding:var(--space-2)}.plan-name{font-size:var(--font-size-base)}.price,.profile-avatar{font-size:var(--font-size-lg)}.profile-avatar{width:50px;height:50px}.table-header,.table-row{min-width:500px;padding:var(--space-1)var(--space-2)}}.help-page{scroll-behavior:smooth;background:linear-gradient(135deg,#0f0f23,#1a1a2e 25%,#16213e 50%,#0f3460 75%,#533483);min-height:100vh;position:relative;overflow:hidden auto}.help-main{background:var(--bg-primary);padding:calc(2rem + 100px) 0 2rem;overflow:visible}.help-container{box-sizing:border-box;width:100%;max-width:1600px;margin:0 auto;padding:0 2rem;overflow-x:hidden}.help-main-block{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:var(--radius-xl);padding:var(--space-6);box-sizing:border-box;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff26;width:100%;max-width:100%;position:relative;overflow:hidden visible;box-shadow:0 8px 32px #0003,0 0 0 1px #ffffff0d}.help-main-block:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);height:1px;position:absolute;top:0;left:0;right:0}.help-header{text-align:center;margin-bottom:2rem}.help-title{-webkit-text-fill-color:transparent;text-align:center;background:linear-gradient(135deg,#fff,#e0e7ff 50%,#c7d2fe);-webkit-background-clip:text;background-clip:text;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:2rem;font-weight:700;display:flex}.help-subtitle{color:var(--text-secondary);margin:0;font-size:1rem}.help-content{z-index:1;position:relative}.help-sidebar{height:fit-content;top:var(--space-6);position:sticky}.help-main-content,.help-sidebar{background:var(--bg-glass);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.help-main-content{padding:var(--space-6)}.help-navigation{margin-bottom:var(--space-6);z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:var(--space-4);background:linear-gradient(135deg,#0f0f23f2,#1a1a2ef2);border:1px solid #ffffff1a;position:sticky;top:100px;box-shadow:0 4px 20px #0000004d}.horizontal-nav{gap:var(--space-2);flex-wrap:nowrap;justify-content:flex-start;display:flex}.horizontal-nav .nav-item{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;transition:all .3s;display:flex;position:relative;overflow:hidden}.horizontal-nav .nav-item:hover{color:var(--text-primary);background:#ffffff1a;border-color:#fff3;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.horizontal-nav .nav-item.active{background:linear-gradient(135deg,var(--color-primary)0,#4f46e5 100%);color:#fff;border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 16px #667eea4d}.horizontal-nav .nav-item.active:before{content:"";background:linear-gradient(90deg,#0000,#fff6 50%,#0000);height:1px;position:absolute;top:0;left:0;right:0}.horizontal-nav .nav-icon{font-size:var(--font-size-base)}.horizontal-nav .nav-title{font-size:var(--font-size-sm)}@media (max-width:768px){.horizontal-nav{flex-wrap:nowrap;overflow-x:auto}.horizontal-nav .nav-item{white-space:nowrap;flex-shrink:0}}.sidebar-header{padding:var(--space-6);border-bottom:1px solid var(--border-primary)}.sidebar-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.sidebar-nav{padding:var(--space-4)}.help-sidebar .nav-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;text-align:left;background:0 0;border:none;transition:all .2s;display:flex}.help-sidebar .nav-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.help-sidebar .nav-item.active{background:var(--color-primary);color:#fff}.help-sidebar .nav-icon{font-size:var(--font-size-base)}.help-sidebar .nav-title{flex:1}.content-section{padding:0;animation:fadeIn .3s ease-in-out}.content-section h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-6)0;align-items:center;gap:var(--space-3);display:flex}.content-section h3{font-size:var(--font-size-xl);margin:var(--space-6)0 var(--space-4)0}.content-section h3,.content-section h4{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.content-section h4{font-size:var(--font-size-lg);margin:var(--space-4)0 var(--space-2)0}.content-section p{font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--line-height-normal);margin:0 0 var(--space-4)0}.steps-list{gap:var(--space-6);flex-direction:column;display:flex}.step-item{gap:var(--space-4);align-items:flex-start;display:flex}.step-number{background:var(--color-primary);color:#fff;width:40px;height:40px;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-content h4{margin:0 0 var(--space-2)0;color:var(--text-primary)}.step-content p{color:var(--text-secondary);margin:0}.features-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.feature-card{padding:var(--space-6);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);text-align:center;transition:all .3s}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.feature-icon{margin-bottom:var(--space-4)}.feature-card h4{margin:0 0 var(--space-3)0;color:var(--text-primary)}.feature-card p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.faq-section{margin-bottom:var(--space-8)}.faq-list{gap:var(--space-4);flex-direction:column;display:flex}.faq-item{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.faq-question{padding:var(--space-4)var(--space-6);background:var(--bg-primary);border-bottom:1px solid var(--border-primary)}.faq-question h4{color:var(--text-primary);font-size:var(--font-size-base);margin:0}.faq-answer{padding:var(--space-4)var(--space-6)}.faq-answer p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.troubleshooting-section{margin-top:var(--space-8)}.problem-list{gap:var(--space-6);flex-direction:column;display:flex}.problem-item{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-6)}.problem-item h4{margin:0 0 var(--space-4)0;color:var(--text-primary)}.problem-item ul{padding-left:var(--space-6);color:var(--text-secondary);margin:0}.problem-item li{margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.contact-grid{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.contact-card{padding:var(--space-6);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);text-align:center;transition:all .3s}.contact-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.contact-icon{font-size:var(--font-size-2xl);margin-bottom:var(--space-4)}.contact-card h4{margin:0 0 var(--space-2)0;color:var(--text-primary)}.contact-card p{margin:0 0 var(--space-4)0;color:var(--text-secondary);font-size:var(--font-size-sm)}.contact-link{padding:var(--space-2)var(--space-4);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:all .2s;display:inline-block}.contact-link:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.support-info{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-6)}.info-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.info-item{font-size:var(--font-size-sm);color:var(--text-secondary)}.info-item strong{color:var(--text-primary)}@media (max-width:1024px){.help-container{gap:var(--space-6);grid-template-columns:1fr}.help-sidebar{order:2;position:static}.help-content{order:1}.contact-grid,.features-grid{grid-template-columns:1fr}}@media (max-width:768px){.help-main{padding:var(--space-3)0;padding-top:calc(var(--space-3) + 100px)}.help-container{padding:0 var(--space-3);box-sizing:border-box}.help-container,.help-main-block{width:100%;max-width:100%;overflow-x:hidden}.help-main-block{padding:var(--space-3);border-radius:var(--radius-lg)}.help-header{margin-bottom:var(--space-4)}.help-title{flex-wrap:wrap;gap:.5rem;font-size:1.5rem}.title-icon{font-size:1.75rem}.help-subtitle{font-size:var(--font-size-sm);line-height:1.4}.help-navigation{padding:var(--space-3);margin-bottom:var(--space-4);position:static;top:auto}.horizontal-nav{scrollbar-width:thin;-ms-overflow-style:none;padding-bottom:var(--space-1);gap:var(--space-1);overflow-x:auto}.horizontal-nav::-webkit-scrollbar{height:3px}.horizontal-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.horizontal-nav .nav-item{padding:var(--space-2)var(--space-3);flex-shrink:0}.horizontal-nav .nav-icon,.horizontal-nav .nav-item,.horizontal-nav .nav-title{font-size:var(--font-size-xs)}.help-sidebar{margin-bottom:var(--space-4);position:static}.sidebar-header{padding:var(--space-3)}.sidebar-header h3{font-size:var(--font-size-base)}.sidebar-nav{padding:var(--space-3)}.help-sidebar .nav-item{padding:var(--space-2)var(--space-3);font-size:var(--font-size-xs)}.content-section,.help-main-content{padding:var(--space-3);box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}.content-section h2{font-size:var(--font-size-lg);gap:var(--space-2);flex-wrap:wrap}.content-section h3{font-size:var(--font-size-base);margin:var(--space-4)0 var(--space-3)0}.content-section h4{font-size:var(--font-size-sm);margin:var(--space-3)0 var(--space-2)0}.content-section p{font-size:var(--font-size-sm);word-wrap:break-word;overflow-wrap:break-word}.steps-list{gap:var(--space-4)}.step-item{text-align:center;gap:var(--space-2);flex-direction:column}.step-number{width:35px;height:35px;font-size:var(--font-size-base);align-self:center}.step-content h4{font-size:var(--font-size-sm)}.step-content p{font-size:var(--font-size-xs)}.features-grid{gap:var(--space-3);grid-template-columns:1fr}.contact-card,.feature-card{padding:var(--space-3)}.feature-icon{font-size:var(--font-size-xl)}.contact-card h4,.feature-card h4{font-size:var(--font-size-sm)}.contact-card p,.feature-card p{font-size:var(--font-size-xs)}.contact-icon{font-size:var(--font-size-xl)}.contact-link{padding:var(--space-2)var(--space-3);font-size:var(--font-size-xs);box-sizing:border-box;width:100%}.info-grid{gap:var(--space-2);grid-template-columns:1fr}.info-item{font-size:var(--font-size-xs);word-wrap:break-word}.faq-list{gap:var(--space-3)}.faq-question{padding:var(--space-3)}.faq-question h4{font-size:var(--font-size-sm)}.faq-answer{padding:var(--space-3)}.faq-answer p{font-size:var(--font-size-xs)}.problem-list{gap:var(--space-4)}.problem-item{padding:var(--space-3)}.problem-item h4{font-size:var(--font-size-sm)}.problem-item ul{padding-left:var(--space-4)}.code-block,.problem-item li{font-size:var(--font-size-xs)}.code-block{padding:var(--space-2);word-break:break-all;overflow-x:auto}.info-box,.success-box,.warning-box{padding:var(--space-3);font-size:var(--font-size-sm)}.detailed-steps{padding-left:var(--space-3);font-size:var(--font-size-sm)}.detailed-steps li{font-size:var(--font-size-xs);margin-bottom:var(--space-1)}}@media (max-width:480px){.help-container{padding:0 var(--space-2)}.help-main-block{padding:var(--space-2);border-radius:var(--radius-md)}.help-title{gap:var(--space-2);flex-direction:column;font-size:1.25rem}.title-icon{font-size:1.5rem}.help-subtitle{font-size:var(--font-size-xs)}.horizontal-nav .nav-item{padding:var(--space-1)var(--space-2);font-size:10px}.content-section h2{font-size:var(--font-size-base)}.content-section h3{font-size:var(--font-size-sm)}.content-section h4{font-size:var(--font-size-xs)}.step-number{width:30px;height:30px;font-size:var(--font-size-sm)}}.detailed-steps{margin:var(--space-4)0;padding-left:var(--space-6);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.detailed-steps li{margin-bottom:var(--space-2);font-size:var(--font-size-base)}.detailed-steps ul{margin-top:var(--space-2);margin-bottom:var(--space-2);padding-left:var(--space-6)}.detailed-steps code{border-radius:var(--radius-sm);color:var(--color-primary-light);background:#ffffff1a;padding:2px 6px;font-family:Courier New,monospace;font-size:.9em}.info-box,.success-box,.warning-box{margin:var(--space-4)0;padding:var(--space-4);border-radius:var(--radius-lg);background:#ffffff0d;border-left:4px solid}.info-box{border-left-color:var(--color-primary);background:#667eea1a}.warning-box{background:#f59e0b1a;border-left-color:#f59e0b}.success-box{background:#10b9811a;border-left-color:#10b981}.info-box strong,.success-box strong,.warning-box strong{color:var(--text-primary);margin-bottom:var(--space-2);display:block}.code-block{border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-4)0;font-family:Courier New,monospace;font-size:var(--font-size-sm);color:#a5b4fc;line-height:var(--line-height-normal);white-space:pre;background:#0000004d;border:1px solid #ffffff1a;overflow-x:auto}.code-block code{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border-radius:0;padding:0}.external-link{color:var(--color-primary);border-bottom:1px solid var(--color-primary);text-decoration:none;transition:all .2s}.external-link:hover{color:var(--color-primary-light);border-bottom-color:var(--color-primary-light)}.navigation-guide{margin-top:var(--space-6)}.navigation-guide h3{margin-top:var(--space-8);margin-bottom:var(--space-4);color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.navigation-guide h3:first-child{margin-top:0}.navigation-guide ul{margin:var(--space-4)0;padding-left:var(--space-6);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.navigation-guide ul li{margin-bottom:var(--space-2);font-size:var(--font-size-base)}.navigation-guide strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}@media (max-width:768px){.detailed-steps{padding-left:var(--space-4)}.code-block{font-size:var(--font-size-xs)}.code-block,.info-box,.success-box,.warning-box{padding:var(--space-3)}}.stats-page{background:linear-gradient(135deg,#0f0f23,#1a1a2e 25%,#16213e 50%,#0f3460 75%,#533483);position:relative;overflow-x:hidden}.stats-main{background:var(--bg-primary);padding:calc(2rem + 100px) 0 2rem}.stats-container{max-width:1600px;margin:0 auto;padding:0 2rem}.stats-container,.stats-main-block{box-sizing:border-box;width:100%;overflow-x:hidden}.stats-main-block{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:var(--radius-xl);padding:var(--space-6);background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff26;max-width:100%;position:relative;box-shadow:0 8px 32px #0003,0 0 0 1px #ffffff0d}.stats-main-block:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);height:1px;position:absolute;top:0;left:0;right:0}.stats-header{text-align:center;margin-bottom:2rem}.stats-title{-webkit-text-fill-color:transparent;text-align:center;background:linear-gradient(135deg,#fff,#e0e7ff 50%,#c7d2fe);-webkit-background-clip:text;background-clip:text;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:2rem;font-weight:700;display:flex}.title-icon{font-size:2.25rem}.stats-subtitle{color:var(--text-secondary);margin:0;font-size:1rem}.stats-content{z-index:1;position:relative}.stat-card{align-items:center;gap:var(--space-4);padding:var(--space-6);background:var(--bg-glass);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all .3s;display:flex}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-icon{font-size:var(--font-size-2xl);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);justify-content:center;align-items:center;width:60px;height:60px;display:flex}.stat-content{flex:1}.charts-section{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.chart-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.chart-header{padding:var(--space-6);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;display:flex}.chart-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.chart-period{font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--bg-secondary);padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.chart-content{padding:var(--space-6)}.bar-chart{justify-content:space-between;align-items:flex-end;height:200px}.bar-chart,.bar-item{gap:var(--space-2);display:flex}.bar-item{align-items:center;flex-direction:column;flex:1}.bar-container{justify-content:center;align-items:flex-end;width:100%;height:150px;display:flex}.bar-fill{background:linear-gradient(to top,var(--color-primary),var(--color-primary-light));border-radius:var(--radius-sm)var(--radius-sm)0 0;width:100%;min-height:4px;transition:all .3s}.bar-label{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.bar-label,.bar-value{font-size:var(--font-size-xs)}.bar-value{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.line-chart{position:relative}.chart-svg{width:100%;height:200px}.chart-labels{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-primary);justify-content:space-between;display:flex}.chart-label{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.label-day{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.label-day,.label-value{font-size:var(--font-size-xs)}.label-value{color:var(--color-success);font-weight:var(--font-weight-semibold)}.loading-state{padding:var(--space-8);justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.loading-spinner{border-top:3px solid var(--border-primary);border:3px solid var(--border-primary);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.error-state{padding:var(--space-8);justify-content:center;align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex}.error-icon{margin-bottom:var(--space-2);font-size:3rem}.error-state h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.error-message{color:var(--text-secondary);max-width:500px;margin:0;line-height:1.5}.error-message,.retry-button{font-size:var(--font-size-base)}.retry-button{background:var(--color-primary);color:#fff;padding:var(--space-3)var(--space-6);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;margin-top:var(--space-2);border:none;transition:all .3s}.retry-button:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.retry-button:active{transform:translateY(0)}.stat-card.success{border-left:4px solid var(--color-success)}.stat-card.error{border-left:4px solid var(--color-error)}.stat-card.warning{border-left:4px solid var(--color-warning)}.top-channels-section{margin-bottom:var(--space-8)}.section-header{margin-bottom:var(--space-4)}.section-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.channels-list{gap:var(--space-3);flex-direction:column;display:flex}.channel-item{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-glass);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all .3s;display:flex}.channel-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.channel-rank{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);min-width:30px}.channel-info{flex:1}.channel-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-1)}.channel-stats{gap:var(--space-3);font-size:var(--font-size-sm);display:flex}.stat-sent{color:var(--color-success)}.stat-failed{color:var(--color-error)}.stat-total{color:var(--text-secondary)}.errors-section{margin-bottom:var(--space-8)}.errors-list{gap:var(--space-2);flex-direction:column;display:flex}.error-item{padding:var(--space-3)var(--space-4);background:var(--bg-glass);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:var(--radius-md);border:1px solid var(--border-primary);border-left:4px solid var(--color-error);justify-content:space-between;align-items:center;display:flex}.error-type{color:var(--text-primary);font-weight:var(--font-weight-medium)}.error-count,.error-type{font-size:var(--font-size-sm)}.error-count{color:var(--color-error);font-weight:var(--font-weight-semibold)}@media (max-width:1024px){.charts-section{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.stats-main{padding:var(--space-3)0;padding-top:calc(var(--space-3) + 100px)}.stats-container{padding:0 var(--space-3);box-sizing:border-box}.stats-container,.stats-main-block{width:100%;max-width:100%;overflow-x:hidden}.stats-main-block{padding:var(--space-3);border-radius:var(--radius-lg)}.stats-header{margin-bottom:var(--space-4)}.stats-title{flex-wrap:wrap;gap:.5rem;font-size:1.5rem}.title-icon{font-size:1.75rem}.stats-subtitle{font-size:var(--font-size-sm);line-height:1.4}.stats-grid{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:1fr}.stat-card{padding:var(--space-3);gap:var(--space-3);flex-wrap:wrap}.stat-icon{width:45px;height:45px;font-size:var(--font-size-lg);flex-shrink:0}.stat-content{flex:1;min-width:0}.stat-value{font-size:var(--font-size-lg);word-break:break-word}.stat-label{font-size:var(--font-size-xs);word-break:break-word}.charts-section{gap:var(--space-4);grid-template-columns:1fr}.chart-card{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}.chart-header{padding:var(--space-3);gap:var(--space-2);flex-flow:column wrap;align-items:flex-start}.chart-title{font-size:var(--font-size-base);word-break:break-word}.chart-period{font-size:var(--font-size-xs);padding:var(--space-1)var(--space-2)}.chart-content,.chart-period{box-sizing:border-box;width:100%}.chart-content{padding:var(--space-3);max-width:100%;overflow-x:auto}.bar-chart{gap:var(--space-1);min-width:100%;height:150px;overflow-x:auto}.bar-container{height:100px}.bar-item{flex-shrink:0;min-width:40px}.bar-label{word-break:break-word;text-align:center}.bar-label,.bar-value{font-size:9px}.chart-svg{width:100%;max-width:100%;height:auto;min-height:150px}.chart-labels{gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);flex-wrap:wrap}.chart-label{flex:auto;min-width:60px}.label-day,.label-value{font-size:9px}.top-channels-section{margin-bottom:var(--space-4)}.section-header h3{font-size:var(--font-size-base)}.channel-item{padding:var(--space-3);gap:var(--space-2);flex-wrap:wrap}.channel-rank{font-size:var(--font-size-base);min-width:25px}.channel-info{flex:1;min-width:0}.channel-name{font-size:var(--font-size-sm);word-break:break-word}.channel-stats{gap:var(--space-2);font-size:var(--font-size-xs);flex-wrap:wrap}.errors-section{margin-bottom:var(--space-4)}.error-item{padding:var(--space-2)var(--space-3);gap:var(--space-2);flex-wrap:wrap}.error-type{word-break:break-word;flex:1;min-width:0}.error-count,.error-type{font-size:var(--font-size-xs)}.error-count{flex-shrink:0}}@media (max-width:480px){.stats-container{padding:0 var(--space-2)}.stats-main-block{padding:var(--space-2);border-radius:var(--radius-md)}.stats-title{gap:var(--space-2);flex-direction:column;font-size:1.25rem}.title-icon{font-size:1.5rem}.stats-subtitle{font-size:var(--font-size-xs)}.stat-card{padding:var(--space-2);text-align:center;flex-direction:column}.stat-icon{width:40px;height:40px;margin:0 auto}.stat-value{font-size:var(--font-size-base)}.bar-chart{height:120px}.bar-container{height:80px}.bar-item{min-width:30px}}.main-page{height:100vh;font-family:var(--font-family-sans);color:var(--text-primary);background:linear-gradient(135deg,#0f0f23,#1a1a2e 25%,#16213e 50%,#0f3460 75%,#533483);width:100%;position:relative;overflow:hidden}.animated-background{z-index:0;pointer-events:none}.animated-background,.stars{width:100%;height:100%;position:absolute;top:0;left:0}.stars{background-image:radial-gradient(1px 1px at 15px 25px,#fff,#0000),radial-gradient(1px 1px at 45px 85px,#ffffffe6,#0000),radial-gradient(.5px .5px at 75px 15px,#eee,#0000),radial-gradient(1px 1px at 105px 65px,#ffffffb3,#0000),radial-gradient(.5px .5px at 135px 35px,#ddd,#0000),radial-gradient(1px 1px at 165px 95px,#fffc,#0000),radial-gradient(.5px .5px at 195px 55px,#fff,#0000),radial-gradient(1px 1px at 225px 15px,#fff9,#0000),radial-gradient(.5px .5px at 255px 75px,#eee,#0000),radial-gradient(1px 1px at 285px 45px,#ffffffe6,#0000),radial-gradient(.5px .5px at 315px 85px,#fff,#0000),radial-gradient(1px 1px at 345px 25px,#ffffffb3,#0000),radial-gradient(.5px .5px at 375px 65px,#ddd,#0000),radial-gradient(1px 1px at 405px 5px,#fffc,#0000),radial-gradient(.5px .5px at 435px 45px,#fff,#0000),radial-gradient(1px 1px at 465px 85px,#fff9,#0000),radial-gradient(.5px .5px at 495px 25px,#eee,#0000),radial-gradient(1px 1px at 525px 65px,#ffffffe6,#0000),radial-gradient(.5px .5px at 555px 5px,#fff,#0000),radial-gradient(1px 1px at 585px 45px,#ffffffb3,#0000);background-repeat:repeat;background-size:600px 400px;animation:twinkle 8s ease-in-out infinite alternate}.floating-elements{width:100%;height:100%;position:absolute;top:0;left:0}.floating-shape{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(45deg,#667eea1a,#764ba21a);border:1px solid #ffffff1a;border-radius:50%;position:absolute}.shape-1{width:60px;height:60px;animation:float1 15s linear infinite;top:0;left:0}.shape-2{width:40px;height:40px;animation:float2 12s linear infinite;top:0;left:100%}.shape-3{width:80px;height:80px;animation:float3 18s linear infinite;top:100%;left:0}.shape-4{width:30px;height:30px;animation:float4 10s linear infinite;top:0;left:50%}.shape-5{width:50px;height:50px;animation:float5 14s linear infinite;top:50%;left:100%}.shape-6{width:35px;height:35px;animation:float6 8s linear infinite;top:50%;left:0}.shape-7{width:70px;height:70px;animation:float7 20s linear infinite;top:100%;left:100%}.shape-8{width:45px;height:45px;animation:float8 16s linear infinite;top:100%;left:50%}@keyframes float1{0%{transform:translate(0)translateY(0)rotate(0)}25%{transform:translate(25vw)translateY(-20vh)rotate(90deg)}50%{transform:translate(50vw)translateY(0)rotate(180deg)}75%{transform:translate(75vw)translateY(-30vh)rotate(270deg)}to{transform:translate(100vw)translateY(0)rotate(1turn)}}@keyframes float2{0%{transform:translate(100vw)translateY(0)rotate(0)}25%{transform:translate(75vw)translateY(-25vh)rotate(90deg)}50%{transform:translate(50vw)translateY(-50vh)rotate(180deg)}75%{transform:translate(25vw)translateY(-25vh)rotate(270deg)}to{transform:translate(0)translateY(0)rotate(1turn)}}@keyframes float3{0%{transform:translate(0)translateY(100vh)rotate(0)}20%{transform:translate(20vw)translateY(80vh)rotate(72deg)}40%{transform:translate(40vw)translateY(60vh)rotate(144deg)}60%{transform:translate(60vw)translateY(40vh)rotate(216deg)}80%{transform:translate(80vw)translateY(20vh)rotate(288deg)}to{transform:translate(100vw)translateY(0)rotate(1turn)}}@keyframes float4{0%{transform:translate(50vw)translateY(0)rotate(0)}25%{transform:translate(25vw)translateY(-25vh)rotate(90deg)}50%{transform:translate(0)translateY(-50vh)rotate(180deg)}75%{transform:translate(25vw)translateY(-75vh)rotate(270deg)}to{transform:translate(50vw)translateY(-100vh)rotate(1turn)}}@keyframes float5{0%{transform:translate(100vw)translateY(50vh)rotate(0)}33%{transform:translate(66vw)translateY(25vh)rotate(120deg)}66%{transform:translate(33vw)translateY(0)rotate(240deg)}to{transform:translate(0)translateY(-50vh)rotate(1turn)}}@keyframes float6{0%{transform:translate(0)translateY(50vh)rotate(0)}25%{transform:translate(25vw)translateY(25vh)rotate(90deg)}50%{transform:translate(50vw)translateY(0)rotate(180deg)}75%{transform:translate(75vw)translateY(25vh)rotate(270deg)}to{transform:translate(100vw)translateY(50vh)rotate(1turn)}}@keyframes float7{0%{transform:translate(100vw)translateY(100vh)rotate(0)}16%{transform:translate(84vw)translateY(80vh)rotate(60deg)}32%{transform:translate(68vw)translateY(60vh)rotate(120deg)}48%{transform:translate(52vw)translateY(40vh)rotate(180deg)}64%{transform:translate(36vw)translateY(20vh)rotate(240deg)}80%{transform:translate(20vw)translateY(0)rotate(300deg)}to{transform:translate(0)translateY(-20vh)rotate(1turn)}}@keyframes float8{0%{transform:translate(50vw)translateY(100vh)rotate(0)}25%{transform:translate(25vw)translateY(75vh)rotate(90deg)}50%{transform:translate(0)translateY(50vh)rotate(180deg)}75%{transform:translate(25vw)translateY(25vh)rotate(270deg)}to{transform:translate(50vw)translateY(0)rotate(1turn)}}.main-content{z-index:1;height:100vh;padding:var(--space-4)var(--space-4);flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;display:flex;position:relative}.main-page:has(.base-header) .main-content{padding-top:calc(var(--space-4) + 100px);justify-content:flex-start;height:calc(100vh - 100px)}.hero-section{gap:var(--space-6);flex:none;grid-template-columns:1fr 1fr;justify-content:center;align-items:center;width:100%;max-width:1200px;height:80vh;margin:0 auto;display:grid}.hero-left{gap:var(--space-6);flex-direction:column;display:flex}.hero-header{justify-content:space-between;animation:slideInLeft 1s ease-out}.hero-header,.hero-logo{align-items:center;display:flex}.hero-logo{gap:var(--space-3);margin-bottom:var(--space-6)}.logo-icon{font-size:var(--font-size-2xl);animation:bounce 2s infinite}.logo-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:.1em;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #667eea4d);background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#4facfe 75%,#667eea) 0 0/300% 300%;-webkit-background-clip:text;background-clip:text;animation:gradientShift 4s infinite}.hero-main{animation:slideInLeft 1s ease-out .2s both}.hero-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);margin:0 0 var(--space-4)0;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text}.hero-description{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--text-secondary);margin:0 0 var(--space-6)0;max-width:500px}.hero-actions{gap:var(--space-3);animation:slideInLeft 1s ease-out .4s both;display:flex}.hero-stats{gap:var(--space-6);animation:slideInLeft 1s ease-out .6s both;display:flex}.stat-label{font-size:var(--font-size-sm);margin-top:var(--space-1)}.hero-benefits{gap:var(--space-6);animation:slideInLeft 1s ease-out .6s both;display:flex}.benefit-item{align-items:center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);background:#ffffff08;border:1px solid #ffffff1a;flex-direction:column;min-width:120px;transition:all .3s;display:flex}.benefit-item:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-2px)}.benefit-icon{font-size:var(--font-size-2xl);line-height:1}.benefit-text{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center;font-weight:var(--font-weight-medium)}.hero-right{justify-content:center;align-items:center;animation:slideInRight 1s ease-out .3s both;display:flex}.dashboard-preview{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-2xl);padding:var(--space-10);background:#ffffff0d;border:1px solid #ffffff1a;width:100%;max-width:600px;animation:float 6s ease-in-out infinite;box-shadow:0 20px 40px #0000004d}.preview-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.preview-icon{color:var(--color-accent)}.preview-icon,.preview-title{font-size:var(--font-size-2xl)}.preview-title{font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.preview-description{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0 0 var(--space-8)0;line-height:var(--line-height-relaxed)}.preview-features{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.feature-item{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-6);align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;transition:all .3s;display:flex}.feature-item:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover);transform:translateY(-2px)}.feature-icon{font-size:var(--font-size-2xl);color:var(--color-primary)}.feature-item span{font-size:var(--font-size-base);color:var(--text-primary);font-weight:var(--font-weight-medium)}@media (min-width:1400px){.hero-section{gap:var(--space-12);max-width:1600px}.hero-title{font-size:var(--font-size-6xl)}.hero-description{font-size:var(--font-size-2xl)}}@media (max-width:1399px) and (min-width:1200px){.hero-section{gap:var(--space-10);max-width:1200px}.hero-title{font-size:var(--font-size-5xl)}}@media (max-width:1199px) and (min-width:992px){.hero-section{gap:var(--space-8);max-width:1000px}.hero-title{font-size:var(--font-size-4xl)}.hero-description{font-size:var(--font-size-lg)}.dashboard-preview{max-width:350px;padding:var(--space-6)}}@media (max-width:991px) and (min-width:768px){.main-content{padding:var(--space-4)var(--space-3)}.main-page:has(.base-header) .main-content{padding-top:calc(var(--space-4) + 100px)}.hero-section{gap:var(--space-8);text-align:center;grid-template-columns:1fr;max-width:800px}.hero-title{font-size:var(--font-size-4xl)}.hero-description{font-size:var(--font-size-lg);max-width:600px;margin:0 auto var(--space-8)auto}.hero-actions,.hero-stats{flex-wrap:wrap;justify-content:center}.hero-stats{gap:var(--space-6)}.hero-benefits{justify-content:center;gap:var(--space-4);flex-wrap:wrap}.dashboard-preview{max-width:400px;margin:0 auto}}@media (max-width:767px) and (min-width:576px){.main-content{padding:var(--space-3)var(--space-2)}.main-page:has(.base-header) .main-content{padding-top:calc(var(--space-3) + 100px)}.hero-section{gap:var(--space-6);text-align:center;grid-template-columns:1fr}.hero-title{font-size:var(--font-size-3xl);line-height:1.2}.hero-description{font-size:var(--font-size-base);max-width:100%;margin:0 0 var(--space-6)0}.hero-actions{align-items:center;gap:var(--space-3);flex-direction:column}.hero-stats{justify-content:center;gap:var(--space-4);flex-wrap:wrap}.stat-item{min-width:80px}.hero-benefits{justify-content:center;gap:var(--space-4);flex-wrap:wrap}.benefit-item{min-width:100px}.dashboard-preview{max-width:100%;padding:var(--space-4)}.preview-features{gap:var(--space-3);grid-template-columns:1fr 1fr}.feature-item{padding:var(--space-3)}}@media (max-width:575px){.main-content{padding:var(--space-2)var(--space-1)}.main-page:has(.base-header) .main-content{padding-top:calc(var(--space-2) + 100px)}.hero-section{gap:var(--space-4);text-align:center;grid-template-columns:1fr}.hero-logo{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column}.logo-text{font-size:var(--font-size-base);text-align:center}.hero-title{font-size:var(--font-size-2xl);margin:0 0 var(--space-4)0;line-height:1.1}.hero-description{font-size:var(--font-size-sm);max-width:100%;margin:0 0 var(--space-4)0}.hero-actions{align-items:center;gap:var(--space-2);flex-direction:column;width:100%}.btn{width:100%;max-width:280px}.hero-stats{justify-content:center;gap:var(--space-3);flex-wrap:wrap}.stat-item{min-width:70px}.stat-value{font-size:var(--font-size-2xl)}.stat-label{font-size:var(--font-size-xs)}.hero-benefits{justify-content:center;gap:var(--space-3);flex-wrap:wrap}.benefit-item{min-width:90px;padding:var(--space-3)}.benefit-icon{font-size:var(--font-size-xl)}.benefit-text{font-size:var(--font-size-xs)}.dashboard-preview{max-width:100%;padding:var(--space-3)}.preview-header{text-align:center;gap:var(--space-2);flex-direction:column}.preview-title{font-size:var(--font-size-lg)}.preview-description{font-size:var(--font-size-sm);margin:0 0 var(--space-4)0}.preview-features{gap:var(--space-2);grid-template-columns:1fr}.feature-item{padding:var(--space-2);text-align:left;gap:var(--space-2);flex-direction:row}.feature-icon{font-size:var(--font-size-lg)}.feature-item span{font-size:var(--font-size-xs)}}@media (max-width:320px){.main-content{padding:var(--space-1)}.main-page:has(.base-header) .main-content{padding-top:calc(var(--space-1) + 100px)}.hero-title{font-size:var(--font-size-xl)}.hero-description{font-size:var(--font-size-xs)}.btn{font-size:var(--font-size-sm);padding:var(--space-2)var(--space-3)}.stat-value{font-size:var(--font-size-xl)}.stat-label{font-size:10px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.hero-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media print{.main-page{color:#000!important;background:#fff!important}.hero-actions{display:none}.dashboard-preview{background:#fff!important;border:1px solid #ccc!important}.animated-background{display:none}}.message-history-panel{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:var(--radius-xl);padding:var(--space-5);background:linear-gradient(135deg,#a855f71a,#8b5cf60d);border:1px solid #a855f733;flex-direction:column;height:250px;max-height:250px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #a855f71a,0 0 0 1px #a855f71a}.message-history-panel:before{content:"";background:linear-gradient(90deg,#0000,#a855f766 50%,#0000);height:1px;position:absolute;top:0;left:0;right:0}.message-history-header{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-primary);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.message-history-title{align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#e9d5ff);-webkit-background-clip:text;background-clip:text;display:flex}.message-history-icon{font-size:var(--font-size-base)}.message-history-content{flex:1;min-height:0;overflow:hidden}.message-history-list{gap:var(--space-2);padding-right:var(--space-2);overflow:hidden auto}.message-history-empty,.message-history-list{height:100%;flex-direction:column;display:flex}.message-history-empty{color:var(--text-muted);justify-content:center;align-items:center;gap:var(--space-3)}.empty-icon{opacity:.5;font-size:3rem}.message-history-item{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:all .2s;display:flex}.message-history-item:hover{background:#a855f71a;border-color:#a855f74d;transform:translate(2px)}.message-time{color:var(--text-muted);white-space:nowrap;font-family:monospace;font-size:var(--font-size-xs)}.message-type-icon{font-size:var(--font-size-base)}.message-text{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;max-width:400px;overflow:hidden}.message-arrow{color:var(--text-muted);font-size:var(--font-size-sm)}.message-recipient{color:#a78bfa;font-weight:var(--font-weight-medium);white-space:nowrap}.message-status{font-size:var(--font-size-sm);opacity:.8}.message-history-item.message-sent{border-left:3px solid var(--color-success)}.message-history-item.message-detected{border-left:3px solid var(--color-info)}.comment-link{color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none}.comment-link:hover{color:var(--color-primary-dark);text-decoration:underline}@media (max-width:768px){.message-history-panel{height:200px;max-height:200px;padding:var(--space-3);border-radius:var(--radius-lg)}.message-history-header{margin-bottom:var(--space-2);padding-bottom:var(--space-2);gap:var(--space-2);flex-wrap:wrap}.message-history-title{font-size:var(--font-size-sm);gap:var(--space-1)}.message-history-header .btn,.message-history-icon{font-size:var(--font-size-xs)}.message-history-header .btn{padding:var(--space-1)var(--space-2);min-height:28px}.message-history-list{gap:var(--space-1);padding-right:var(--space-1)}.message-history-item{padding:var(--space-2);gap:var(--space-2);font-size:var(--font-size-xs)}.message-time{flex-shrink:0;font-size:9px}.message-type-icon{font-size:var(--font-size-xs);flex-shrink:0}.message-text{white-space:normal;text-overflow:clip;max-width:none;line-height:1.3;overflow:visible}.message-arrow,.message-text{font-size:var(--font-size-xs)}.message-arrow{flex-shrink:0}.message-recipient,.message-status{font-size:var(--font-size-xs)}.message-status{flex-shrink:0}.message-history-empty{gap:var(--space-2)}.empty-icon{font-size:2rem}}@media (max-width:480px){.message-history-panel{height:180px;max-height:180px;padding:var(--space-2)}.message-history-item{padding:var(--space-1)var(--space-2);flex-wrap:wrap}.message-text{order:3;width:100%}.message-arrow,.message-recipient,.message-status,.message-time,.message-type-icon{flex-shrink:0}}.cli-control-panel{width:100%;margin-bottom:20px}.cli-control-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#282038,#1a1625);border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff1a}.cli-control-banner:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0d,#ffffff05);position:absolute;inset:0}.cli-status-indicator{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;min-width:140px;padding:8px 12px;display:flex}.status-dot{flex-shrink:0;width:8px;height:8px}.status-dot.connected{background:#4ade80;box-shadow:0 0 8px #4ade8080}.status-dot.disconnected{background:#ef4444;box-shadow:0 0 8px #ef444480}.status-text{color:#fff;font-size:14px}.control-btn,.status-text{white-space:nowrap;font-weight:500}.control-btn{cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #ffffff1a;border-radius:8px;padding:8px 12px;font-size:13px;transition:all .2s;position:relative;overflow:hidden}.control-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.control-btn:hover:before{left:100%}.control-btn:disabled{opacity:.5;cursor:not-allowed}.control-btn:disabled:before{display:none}.refresh-btn{color:#fff;background:linear-gradient(135deg,#374151,#1f2937);min-width:80px}.refresh-btn:hover:not(:disabled){background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.generate-token-btn{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);min-width:140px;line-height:1.2}.generate-token-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.connect-btn{color:#fff;background:linear-gradient(135deg,#10b981,#059669);min-width:120px;line-height:1.2}.connect-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.disconnect-btn{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);min-width:120px;line-height:1.2}.disconnect-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.copy-token-btn{color:#fff;background:linear-gradient(135deg,#374151,#1f2937);min-width:140px;line-height:1.2}.copy-token-btn:hover:not(:disabled){background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.refresh-btn-right{color:#fff;background:linear-gradient(135deg,#374151,#1f2937);min-width:80px}.refresh-btn-right:hover:not(:disabled){background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.sync-status{flex:1;justify-content:center;align-items:center;display:flex}.sync-text{color:#fff;text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500}@media (max-width:1200px){.cli-control-banner{flex-wrap:wrap;gap:8px}.control-btn{padding:6px 10px;font-size:12px}.sync-status{order:-1;width:100%;margin-bottom:8px}}@media (max-width:768px){.cli-control-panel{margin-bottom:var(--space-3)}.cli-control-banner{padding:var(--space-2)var(--space-3);gap:var(--space-2);flex-direction:column;align-items:stretch}.cli-status-indicator{width:100%;min-width:auto;padding:var(--space-2);justify-content:center}.status-text{font-size:var(--font-size-xs)}.sync-status{width:100%;margin-bottom:var(--space-2);order:0}.sync-text{font-size:var(--font-size-xs);padding:var(--space-2);text-align:center;width:100%}.cli-control-banner>.control-btn{flex:1 1 calc(50% - var(--space-1));min-width:0;font-size:var(--font-size-xs);padding:var(--space-2)var(--space-2);line-height:1.2}.refresh-btn,.refresh-btn-right{min-width:0}.connect-btn,.copy-token-btn,.disconnect-btn,.generate-token-btn{min-width:0;font-size:var(--font-size-xs)}}@media (max-width:480px){.cli-control-banner{padding:var(--space-2);gap:var(--space-1)}.cli-status-indicator{padding:var(--space-1)var(--space-2)}.status-dot{width:6px;height:6px}.status-text{font-size:10px}.control-btn,.sync-text{padding:var(--space-1)var(--space-2);font-size:10px}.control-btn{min-height:32px}.cli-control-banner>.control-btn{flex:100%;width:100%}}.control-btn:disabled{animation:pulse 1.5s infinite}.control-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #0003}.auto-manager{-webkit-backdrop-filter:blur(25px);background:linear-gradient(135deg,#667eea1a,#3b82f60d);border:1px solid #667eea33;box-shadow:0 8px 32px #667eea1a,0 0 0 1px #667eea1a}.auto-manager:before{background:linear-gradient(90deg,#0000,#667eea66 50%,#0000)}.topics-field{padding:var(--space-3)var(--space-4);transition:all .2s}.topics-field:focus{box-shadow:0 0 0 3px #667eea1a}.btn{padding:var(--space-3)var(--space-4);transition:all .2s}.btn-success{background:linear-gradient(135deg,var(--color-success)0,#22c55e 100%);color:#fff;box-shadow:0 4px 12px #22c55e4d}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#22c55e 0,var(--color-success)100%);box-shadow:0 6px 16px #22c55e66}.btn-danger{background:linear-gradient(135deg,var(--color-error)0,#ef4444 100%);color:#fff;box-shadow:0 4px 12px #ef44444d}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#ef4444 0,var(--color-error)100%);box-shadow:0 6px 16px #ef444466}.btn-info{background:linear-gradient(135deg,var(--color-info)0,#3b82f6 100%);color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-info:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6 0,var(--color-info)100%);box-shadow:0 6px 16px #3b82f666}.btn-primary{background:linear-gradient(135deg,var(--color-primary)0,#4f46e5 100%);color:#fff;box-shadow:0 4px 12px #667eea4d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5 0,var(--color-primary)100%);box-shadow:0 6px 16px #667eea66}.manager-settings{-webkit-backdrop-filter:blur(25px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d)}.manager-settings:before{background:linear-gradient(90deg,#0000,#fff6 50%,#0000)}.manager-settings h4{background:linear-gradient(135deg,#fff,#e0e7ff)}.settings-section h5{margin:0 0 var(--space-4)0}.setting-group input[type=number],.setting-group input[type=text],.setting-group textarea{padding:var(--space-3)var(--space-4);transition:all .2s}.setting-group input[type=number]:focus,.setting-group input[type=text]:focus,.setting-group textarea:focus{box-shadow:0 0 0 3px #667eea1a}.keyword-tag{padding:var(--space-2)var(--space-3);background:linear-gradient(135deg,#667eea33,#3b82f61a);border:1px solid #667eea4d;transition:all .2s}.keyword-tag:hover{background:linear-gradient(135deg,#667eea4d,#3b82f633)}.keyword-tag button{background:0 0;transition:all .2s}.keyword-tag button:hover{background:#ef444433}.add-btn,.template-item button{padding:var(--space-2)var(--space-3);transition:all .2s}.template-item button{background:linear-gradient(135deg,var(--color-error)0,#ef4444 100%);color:#fff;box-shadow:0 2px 8px #ef44444d}.template-item button:hover{background:linear-gradient(135deg,#ef4444 0,var(--color-error)100%);box-shadow:0 4px 12px #ef444466}.manager-statistics{-webkit-backdrop-filter:blur(25px);background:linear-gradient(135deg,#22c55e1a,#10b9810d);border:1px solid #22c55e33}.manager-statistics:before{background:linear-gradient(90deg,#0000,#22c55e66 50%,#0000)}.manager-statistics h4{background:linear-gradient(135deg,#fff,#d1fae5)}.stat-item{transition:all .2s}.stat-item:hover{box-shadow:0 4px 12px #0000001a}.recent-activity h5{margin:0 0 var(--space-4)0}.activity-section h6{margin:0 0 var(--space-3)0}.activity-item{padding:var(--space-3)var(--space-4);transition:all .2s}.activity-item.error{background:#ef44441a}.ai-test{-webkit-backdrop-filter:blur(25px);background:linear-gradient(135deg,#a855f71a,#9333ea0d);border:1px solid #a855f733;box-shadow:0 8px 32px #a855f71a,0 0 0 1px #a855f71a}.ai-test:before{background:linear-gradient(90deg,#0000,#a855f766 50%,#0000)}.user-field{padding:var(--space-3)var(--space-4);transition:all .2s}.user-field:focus{box-shadow:0 0 0 3px #667eea1a}.message-field{padding:var(--space-3)var(--space-4);transition:all .2s}.message-field:focus{box-shadow:0 0 0 3px #667eea1a}@media (max-width:768px){.manager-actions,.manager-extra-controls{flex-direction:column}.btn{text-align:center;width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.activity-item{align-items:flex-start;gap:var(--space-2)}.activity-item,.message-input{flex-direction:column}.message-field{width:100%}.template-item{flex-direction:column}.template-item button{align-self:flex-end}}.member-search-input,.stats-text{padding:var(--space-2)var(--space-3)}.filter-checkbox{-webkit-user-select:none}.member-item{transition:all .2s}*{box-sizing:border-box}#__next,body,html{scroll-behavior:auto;scroll-snap-type:none;overscroll-behavior:none;height:100%;margin:0;padding:0;scroll-padding-top:0;overflow-x:hidden}#__next{flex-direction:column;height:100vh;display:flex;overflow:hidden}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{max-width:1200px;padding:0 var(--space-4);margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@media (max-width:768px){.container{padding:0 var(--space-3)}.flex{flex-wrap:wrap}.gap-2{gap:var(--space-1)}.gap-4{gap:var(--space-2)}.gap-6{gap:var(--space-3)}}@media (max-width:480px){.container{padding:0 var(--space-2)}}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--border-primary)}.glass-hover:hover{background:var(--bg-glass-hover);border-color:var(--border-hover)}.transition{transition:all .3s}.transition-fast{transition:all .15s}.transition-slow{transition:all .5s}.focus-ring:focus{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}::selection{color:var(--text-primary);background:#667eea4d}@media print{.no-print{display:none!important}}*{scroll-margin-top:0;scroll-padding-top:0}[id]{scroll-margin-top:0!important;scroll-padding-top:0!important}.page-transition{transition:none!important}*,body,html{scroll-behavior:auto!important}:focus{scroll-margin:0!important;scroll-padding:0!important}html{scroll-restoration:manual!important}button,input,select,textarea{scroll-margin:0!important;scroll-padding:0!important}:root{--color-primary:#667eea;--color-primary-dark:#764ba2;--color-secondary:#f093fb;--color-accent:#4facfe;--bg-primary:#0f172a;--bg-secondary:rgba(15,20,40,0.8);--bg-glass:rgba(255,255,255,0.1);--bg-glass-hover:rgba(255,255,255,0.15);--text-primary:#ffffff;--text-secondary:rgba(255,255,255,0.8);--text-muted:rgba(255,255,255,0.6);--border-primary:rgba(255,255,255,0.2);--border-hover:rgba(255,255,255,0.4);--color-success:#27ae60;--color-error:#e74c3c;--color-warning:#f39c12;--color-info:#3498db;--shadow-sm:0 2px 4px rgba(0,0,0,0.1);--shadow-md:0 4px 8px rgba(0,0,0,0.2);--shadow-lg:0 8px 32px rgba(102,126,234,0.3);--shadow-xl:0 20px 40px rgba(0,0,0,0.4);--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--font-family-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.leading-tight{line-height:var(--line-height-tight)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}:root{--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.member-selector{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.member-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-primary)}.member-selector-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.member-selector-icon{font-size:var(--font-size-xl)}.member-selector-stats{font-size:var(--font-size-sm);color:var(--text-secondary)}.stats-text{background:var(--bg-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.member-selector-controls{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.search-controls{display:flex;gap:var(--space-3);align-items:center}.member-search-input{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm)}.member-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.filter-checkbox{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;user-select:none}.filter-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary)}.checkbox-label{font-size:var(--font-size-sm);color:var(--text-primary)}.bulk-controls,.member-selector-error{display:flex;gap:var(--space-2)}.member-selector-error{align-items:center;padding:var(--space-3);background:rgba(var(--color-danger-rgb),.1);border:1px solid var(--color-danger);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.error-icon{font-size:var(--font-size-lg)}.error-text{color:var(--color-danger);font-size:var(--font-size-sm)}.member-list{max-height:400px;overflow-y:auto;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary)}.member-empty,.member-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);color:var(--text-secondary)}.empty-icon,.loading-icon{font-size:var(--font-size-2xl);margin-bottom:var(--space-2)}.empty-text,.loading-text{font-size:var(--font-size-sm);text-align:center}.member-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-2);padding:var(--space-2)}.member-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);cursor:pointer;transition:all .2s ease}.member-item:hover{background:var(--bg-tertiary);border-color:var(--color-primary)}.member-item.selected{background:rgba(var(--color-primary-rgb),.1);border-color:var(--color-primary)}.member-checkbox{flex-shrink:0}.member-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary)}.member-info{flex:1;min-width:0}.member-name{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-details{display:flex;gap:var(--space-2);margin-bottom:var(--space-1)}.member-id,.member-username{font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--bg-primary);padding:2px var(--space-1);border-radius:var(--radius-sm)}.member-username{color:var(--color-primary)}.member-status{font-size:var(--font-size-xs);font-weight:500}@media (max-width:768px){.member-grid{grid-template-columns:1fr}.search-controls{flex-direction:column;align-items:stretch}.bulk-controls{flex-wrap:wrap}}.manager{display:flex;flex-direction:column;gap:var(--space-6)}.auto-manager{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(59,130,246,.05));backdrop-filter:blur(25px);border:1px solid rgba(102,126,234,.2);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:0 8px 32px rgba(102,126,234,.1),0 0 0 1px rgba(102,126,234,.1);position:relative;overflow:hidden}.auto-manager:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.4) 50%,transparent)}.manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-primary)}.manager-header .manager-icon{font-size:var(--font-size-xl);margin-right:var(--space-3)}.status-indicator{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-medium);color:var(--text-primary)}.status-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.status-dot.running{background-color:var(--color-success);animation:pulse 2s infinite}.status-dot.stopped{background-color:var(--color-error)}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.manager-description{color:var(--text-secondary);line-height:var(--line-height-normal);font-size:var(--font-size-sm)}.manager-controls,.manager-description{margin-bottom:var(--space-5)}.topics-input{margin-bottom:var(--space-4)}.topics-field{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);transition:all .2s ease}.topics-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.topics-field::placeholder{color:var(--text-muted)}.manager-actions,.manager-extra-controls{display:flex;gap:var(--space-3);flex-wrap:wrap}.manager-extra-controls{margin-bottom:var(--space-5)}.btn{padding:var(--space-3) var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn:hover:not(:disabled){background:var(--bg-glass-hover);border-color:var(--border-hover);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,var(--color-success) 0,#22c55e 100%);color:white;border-color:var(--color-success);box-shadow:0 4px 12px rgba(34,197,94,.3)}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#22c55e 0,var(--color-success) 100%);transform:translateY(-2px);box-shadow:0 6px 16px rgba(34,197,94,.4)}.btn-danger{background:linear-gradient(135deg,var(--color-error) 0,#ef4444 100%);color:white;border-color:var(--color-error);box-shadow:0 4px 12px rgba(239,68,68,.3)}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#ef4444 0,var(--color-error) 100%);transform:translateY(-2px);box-shadow:0 6px 16px rgba(239,68,68,.4)}.btn-secondary{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-glass-hover);color:var(--text-primary);border-color:var(--border-hover)}.btn-info{background:linear-gradient(135deg,var(--color-info) 0,#3b82f6 100%);color:white;border-color:var(--color-info);box-shadow:0 4px 12px rgba(59,130,246,.3)}.btn-info:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6 0,var(--color-info) 100%);transform:translateY(-2px);box-shadow:0 6px 16px rgba(59,130,246,.4)}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0,#4f46e5 100%);color:white;border-color:var(--color-primary);box-shadow:0 4px 12px rgba(102,126,234,.3)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5 0,var(--color-primary) 100%);transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,.4)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.manager-settings{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));backdrop-filter:blur(25px);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-6);margin-top:var(--space-5);position:relative;overflow:hidden}.manager-settings:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4) 50%,transparent)}.manager-settings h4{margin-top:0;margin-bottom:var(--space-5);color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);background:linear-gradient(135deg,#ffffff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.settings-section{margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-primary)}.settings-section:last-child{border-bottom:none}.settings-section h5{margin:0 0 var(--space-4) 0;color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.setting-group{margin-bottom:var(--space-4)}.setting-group label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-weight-medium);color:var(--text-secondary);font-size:var(--font-size-sm)}.setting-group input[type=number],.setting-group input[type=text],.setting-group textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);transition:all .2s ease}.setting-group input[type=number]:focus,.setting-group input[type=text]:focus,.setting-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.setting-group input[type=checkbox]{margin-right:var(--space-2);width:16px;height:16px;accent-color:var(--color-primary)}.keywords-list{flex-wrap:wrap;margin-bottom:var(--space-3)}.keyword-tag,.keywords-list{display:flex;gap:var(--space-2)}.keyword-tag{background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(59,130,246,.1));color:var(--color-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);align-items:center;border:1px solid rgba(102,126,234,.3);transition:all .2s ease}.keyword-tag:hover{background:linear-gradient(135deg,rgba(102,126,234,.3),rgba(59,130,246,.2));transform:translateY(-1px)}.keyword-tag button{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);padding:0;margin-left:var(--space-1);border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.keyword-tag button:hover{background:rgba(239,68,68,.2);color:var(--color-error)}.add-btn{background:var(--bg-secondary);border:1px dashed var(--border-primary);color:var(--text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-xs);transition:all .2s ease}.add-btn:hover{background:var(--bg-glass-hover);color:var(--text-primary);border-color:var(--border-hover)}.templates-list{flex-direction:column}.template-item,.templates-list{display:flex;gap:var(--space-3)}.template-item{align-items:flex-start}.template-item textarea{flex:1;min-height:80px;resize:vertical}.template-item button{background:linear-gradient(135deg,var(--color-error) 0,#ef4444 100%);color:white;border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);cursor:pointer;font-size:var(--font-size-sm);transition:all .2s ease;box-shadow:0 2px 8px rgba(239,68,68,.3)}.template-item button:hover{background:linear-gradient(135deg,#ef4444 0,var(--color-error) 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(239,68,68,.4)}.settings-actions{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border-primary)}.manager-statistics{background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(16,185,129,.05));backdrop-filter:blur(25px);border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-xl);padding:var(--space-6);margin-top:var(--space-5);position:relative;overflow:hidden}.manager-statistics:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(34,197,94,.4) 50%,transparent)}.manager-statistics h4{margin-top:0;margin-bottom:var(--space-5);color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);background:linear-gradient(135deg,#ffffff,#d1fae5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4);margin-bottom:var(--space-5)}.stat-item{text-align:center;padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-primary);transition:all .2s ease}.stat-item:hover{background:var(--bg-glass-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-success);margin-bottom:var(--space-2)}.stat-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-medium)}.recent-activity{margin-top:var(--space-5)}.recent-activity h5{margin:0 0 var(--space-4) 0;color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.activity-section{margin-bottom:var(--space-5)}.activity-section h6{margin:0 0 var(--space-3) 0;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.activity-list{display:flex;flex-direction:column;gap:var(--space-2)}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm);border:1px solid var(--border-primary);transition:all .2s ease}.activity-item:hover{background:var(--bg-glass-hover);transform:translateY(-1px)}.activity-item.error{background:rgba(239,68,68,.1);border-left:3px solid var(--color-error)}.activity-item .username{font-weight:var(--font-weight-medium);color:var(--text-primary)}.activity-item .group,.activity-item .group-name{color:var(--text-secondary);font-style:italic}.activity-item .reason{color:var(--color-error);font-weight:var(--font-weight-medium)}.activity-item .members{color:var(--color-info);font-weight:var(--font-weight-medium)}.ai-test{background:linear-gradient(135deg,rgba(168,85,247,.1),rgba(147,51,234,.05));backdrop-filter:blur(25px);border:1px solid rgba(168,85,247,.2);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:0 8px 32px rgba(168,85,247,.1),0 0 0 1px rgba(168,85,247,.1);position:relative;overflow:hidden}.ai-test:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.4) 50%,transparent)}.ai-header{display:flex;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-primary)}.ai-header .ai-icon{font-size:var(--font-size-xl);margin-right:var(--space-3)}.user-input{margin-bottom:var(--space-4)}.user-field{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);transition:all .2s ease}.user-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.user-field::placeholder{color:var(--text-muted)}.ai-description{color:var(--text-secondary);margin-bottom:var(--space-4);line-height:var(--line-height-normal);font-size:var(--font-size-sm)}.message-input{display:flex;gap:var(--space-3);align-items:flex-end}.message-field{flex:1;padding:var(--space-3) var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);transition:all .2s ease}.message-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.message-field::placeholder{color:var(--text-muted)}@media (max-width:768px){.manager-actions,.manager-extra-controls{flex-direction:column}.btn{width:100%;text-align:center}.stats-grid{grid-template-columns:repeat(2,1fr)}.activity-item{align-items:flex-start;gap:var(--space-2)}.activity-item,.message-input{flex-direction:column}.message-field{width:100%}.template-item{flex-direction:column}.template-item button{align-self:flex-end}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease;overflow:hidden;overscroll-behavior:contain}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(30,41,59,.95));backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);box-shadow:0 20px 40px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.1);width:90%;max-width:500px;max-height:90vh;overflow:hidden;position:relative;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4) 50%,transparent)}.modal-header{display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--border-primary)}.modal-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);background:linear-gradient(135deg,#ffffff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-form{display:flex;flex-direction:column;height:100%}.modal-body{padding:var(--space-6);flex:1}.form-group{display:flex;flex-direction:column;gap:var(--space-3)}.form-label{font-weight:var(--font-weight-medium)}.form-input,.form-label,.form-textarea{font-size:var(--font-size-sm);color:var(--text-primary)}.form-input,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-secondary);transition:all .2s ease;font-family:inherit}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(102,126,234,.1);background:var(--bg-primary)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:100px;line-height:var(--line-height-normal)}.form-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm);animation:shake .5s ease}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.error-icon{font-size:var(--font-size-sm)}.modal-footer{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-6);border-top:1px solid var(--border-primary);justify-content:flex-end}.modal-footer .btn{min-width:100px;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn-icon{font-size:var(--font-size-sm);font-weight:700}@media (max-width:768px){.modal-content{width:95%;margin:var(--space-4)}.modal-header{padding:var(--space-4) var(--space-4) var(--space-3)}.modal-body{padding:var(--space-4)}.modal-footer{padding:var(--space-3) var(--space-4) var(--space-4);flex-direction:column}.modal-footer .btn{width:100%}}.btn{transition:all .2s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.modal-content:hover{box-shadow:0 25px 50px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.15)}.modal-content:focus-within{box-shadow:0 25px 50px rgba(102,126,234,.2),0 0 0 1px rgba(102,126,234,.3)}