body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{background-color:#f8f9fa;font-family:Cairo,sans-serif;height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}.new{padding:10px}.login-container{background-color:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;max-width:450px;overflow:hidden;width:100%}@media (min-width:576px){.login-container{margin-left:auto;margin-right:auto}}.header-section{background-color:#002d03;color:#fff;padding:30px 20px;position:relative;text-align:center;z-index:1}.header-section:before{background-color:#002d03;border-radius:50%/100% 100% 0 0;bottom:-20px;content:"";height:40px;left:0;position:absolute;right:0;transform:scaleX(1.5);z-index:-1}.profile-icon{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 2px 10px #0003;color:#002d03;display:inline-flex;font-size:80px;justify-content:center;margin-bottom:15px;padding:20px}.login-form-body{padding:50px 30px 30px}.form-label{color:#333;font-weight:700;text-align:right;width:100%}.form-control-icon{position:relative}.form-control-icon .form-control{direction:ltr;padding-right:40px;text-align:right}.form-control-icon .input-icon{color:#aaa;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.form-control-icon .password-toggle-icon{cursor:pointer;left:15px;right:auto}.btn-primary{background-color:#002d03;border-color:#002d03;font-size:1.1rem;margin-bottom:15px;margin-top:20px;padding:10px 20px;width:100%}.btn-primary:hover{background-color:#133066;border-color:#133066}.forgot-password-link,.form-check-label{font-size:.95rem}.forgot-password-link{color:#007bff;text-decoration:none}.forgot-password-link:hover{text-decoration:underline}.create-account-link{color:#555;font-size:1rem;margin-top:25px;text-align:center}.create-account-link a{color:#007bff;font-weight:700;text-decoration:none}.create-account-link a:hover{text-decoration:underline}.form-control{direction:rtl;text-align:right}.form-check{margin-left:1.5rem;margin-right:0;padding-left:0;padding-right:1.5em}.form-check-input{float:right;margin-right:-1.5em}.row.align-items-center{display:flex;justify-content:space-between}.col-auto{flex:0 0 auto;width:auto}.main-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000f;box-sizing:border-box;direction:rtl;margin:81px auto 0;max-width:1000px;min-height:calc(100vh - 130px);padding:20px 24px;transition:all .3s ease;width:100%}@media (max-width:768px){.main-content{border-radius:0;box-shadow:none;max-width:100%;padding:16px}}@media (max-width:480px){.main-content{padding:12px 8px}}.center-install-button{background-color:#2563eb;border:none;border-radius:12px;box-shadow:0 8px 20px #0003;color:#fff;cursor:pointer;font-size:18px;font-weight:700;left:50%;padding:16px 32px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color .3s ease}.center-install-button:hover{background-color:#1d4ed8}.provider-form{background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000001a;direction:rtl;margin:40px auto;max-width:500px;padding:25px;text-align:right}.provider-form h2{color:#2563eb;margin-bottom:20px;text-align:center}.provider-form label{display:block;font-weight:700;margin-top:10px}.provider-form input{border:1px solid #ccc;border-radius:8px;margin-top:5px;padding:8px;width:100%}.provider-form .btn{background-color:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;margin-top:20px;padding:10px;width:100%}.provider-form .btn:hover{background-color:#1e50c3}.msg{margin-top:10px;text-align:center}.accounting-dashboard{direction:rtl;margin:auto;max-width:1000px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-item{align-items:center;background:#fff;border-radius:15px;box-shadow:0 3px 12px #ddd;display:flex;flex-direction:column;padding:20px;text-align:center;transition:.3s}.stat-item:hover{box-shadow:0 6px 18px #ccc;transform:scale(1.05)}.stat-item i{color:#0d6efd;margin-bottom:10px}.stat-item .title{color:#555;font-size:16px;margin-bottom:6px}.stat-item .value{color:#0d6efd;font-size:22px;font-weight:700}.chart-container{box-shadow:0 3px 12px #ddd;padding:20px}.chart-container,.filters-card{background:#fff;border-radius:15px}.filters-card{box-shadow:0 3px 12px #00000014;margin-bottom:25px;padding:25px}.filters-card input{border:1px solid #dcdcdc;border-radius:10px;font-size:15px;height:45px;padding-right:12px}.filters-card input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.btn-primary{background:#2563eb!important;border-color:#2563eb!important;border-radius:10px;font-weight:600}.btn-warning{background:#f59e0b!important;border-color:#f59e0b!important;border-radius:10px;color:#fff!important;font-weight:600}.btn-danger{background:#dc2626!important;border-color:#dc2626!important;border-radius:10px;font-weight:600}.btn-secondary{background:#6b7280!important;border-color:#6b7280!important;border-radius:10px;color:#fff!important;font-weight:600}.table-header{background:#1e293b!important;color:#fff;font-size:16px;font-weight:700}.table td{font-size:15px;padding:12px 10px!important;vertical-align:middle}.table tbody tr{transition:.2s}.table tbody tr:hover{background:#f1f5f9}.sort-icon{color:#60a5fa;cursor:pointer;font-size:13px;margin-right:4px}.sort-icon:hover{color:#2563eb}.mobile-card{background:#fff;border-radius:16px;box-shadow:0 3px 12px #00000014;direction:rtl;margin-bottom:20px;padding:15px}.mobile-card-name{color:#1e293b;font-size:20px;font-weight:700;margin-bottom:5px;text-align:center}.mobile-card-info{color:#475569;font-size:14px;margin-bottom:15px;text-align:center}.mobile-values-grid{display:flex;flex-direction:column;gap:6px;margin-bottom:15px}.mobile-value-box{border-radius:8px;color:#fff;display:block;font-size:14px;font-weight:600;padding:8px;text-align:center}.mobile-blue{background:#2563eb}.mobile-green{background:#059669}.mobile-btn{border-radius:10px!important;font-size:16px!important;font-weight:700;height:45px;width:100%}.movement-header{align-items:center;direction:rtl;display:flex;justify-content:space-between;margin-bottom:20px}.movement-title{color:#1e293b;font-size:26px;font-weight:700}.movement-add-btn{border-radius:10px;font-size:16px;padding:10px 20px}.movement-table th{background:#0f172a;color:#fff}.movement-mobile-card{background:#fff;border-radius:14px;box-shadow:0 3px 10px #00000014;margin-bottom:15px;padding:15px}.movement-label{color:#334155;font-weight:700}.movement-value{color:#0f172a}.movement-btn{border-radius:8px;margin-top:10px;width:100%}.navbar-custom{background-color:#002d03;color:#fff;justify-content:space-between;margin-top:0;padding:1rem;position:fixed;width:100%;z-index:1}.navbar-custom,.navbar-custom .account-info{align-items:center;display:flex}.navbar-custom .account-square{background-color:#fff;border-radius:10px;flex-shrink:0;height:40px;margin-left:0;width:40px}.navbar-custom .account-details{display:flex;flex-direction:column;margin-left:7px;text-align:right}.navbar-custom .account-text-label{font-size:.8rem;line-height:1.5;opacity:.7;text-align:left}.navbar-custom .account-number{font-size:.95rem;font-weight:700;line-height:1}.navbar-custom .nav-icons{align-items:center;display:flex}.navbar-custom .nav-icons .bell-icon-container{margin-left:20px;margin-right:10px;position:relative}.navbar-custom .nav-icons .bell-icon-container .notification-badge{background-color:initial;border-radius:50%;color:#fff;font-size:.75rem;font-weight:700;left:-5px;line-height:1;padding:0 5px;position:absolute;top:-10px}.navbar-custom .nav-icons i{color:#fff;cursor:pointer;font-size:1.5rem}.sidebar{background-color:#1e272e;border-right:4px solid #011b24;color:#fff;direction:rtl;height:100vh;overflow-y:auto;padding:11px;position:fixed;right:0;top:0;transform:translateX(0);transition:transform .3s ease-in-out;width:250px;z-index:1000}.sidebar h3{color:#0fbcf9;font-size:20px;margin-bottom:20px;text-align:center}.sidebar ul{list-style:none;padding:0}.sidebar ul li a{align-items:center;border-radius:8px;color:#d2dae2;display:flex;gap:10px;padding:10px;text-decoration:none;transition:background .3s}.sidebar ul li a:hover{background-color:#0fbcf9;color:#fff}@media (max-width:1450px){.sidebar{transform:translateX(100%)}.sidebar.open{transform:translateX(0)}.overlay{background:#0006;height:100%;left:0;position:fixed;top:0;width:100%;z-index:900}}@media (min-width:1450px){.fa-bars,.overlay{display:none!important}}.account-info{align-items:center;display:flex;gap:10px}.account-details{text-align:right}.account-text-label{font-weight:700}.nav-icons{align-items:center;display:flex;gap:15px}.bell-icon-container{position:relative}.notification-badge{background:red;border-radius:50%;color:#fff;font-size:12px;padding:3px 6px;position:absolute;right:-8px;top:-5px}.bottom-navbar{background-color:#fff;border-top-left-radius:15px;border-top-right-radius:15px;bottom:0;box-shadow:0 -2px 10px #0000001a;left:0;padding:.5rem 0;position:fixed;right:0;z-index:1000}.bottom-navbar .nav-link{align-items:center;color:#888;display:flex;flex:1 1;flex-direction:column;font-size:.55rem;min-width:0;padding:.5rem .25rem;text-decoration:none;transition:color .3s ease}.bottom-navbar .nav-link i{font-size:1.5rem;margin-bottom:5px;transition:color .3s ease}.bottom-navbar .nav-link.active{color:#1a4187;font-weight:700}.bottom-navbar .nav-link.active i{color:#1a4187}ul a i{color:#fff;font-size:18px;margin-left:12px;transition:color .3s ease}.page-preview{background:#fff;box-shadow:0 0 5px #0003;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:10px;height:297mm;justify-content:flex-start;margin:10px auto;padding:10mm;position:relative;width:210mm}@media print{body{background:#fff;margin:0;padding:0}.page-preview{box-shadow:none;margin:0;page-break-after:always}}.dashboard{margin:auto;max-width:1200px;padding:20px}.grid{grid-gap:20px;display:grid;gap:20px;margin-bottom:30px}.grid.two-column{grid-template-columns:repeat(2,1fr)}.card{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 3px 8px #0000000a;display:flex;flex-direction:row;gap:15px;padding:8px;transition:transform .2s ease}.card:hover{transform:translateY(-2px)}.card-icon{align-items:center;background-color:#f0f0f0;border-radius:50%;display:flex;font-size:22px;height:40px;justify-content:center;width:40px}.card-content{flex-grow:1;text-align:right}.card-content h5{color:#555;font-size:14px;margin:0}.card-content .value{color:#222;font-size:20px;font-weight:700;margin-top:4px}.progress{background:#eee;border-radius:6px;height:6px;margin-top:8px;overflow:hidden}.progress>div{background:#f44336;border-radius:6px;height:100%}.card.blue .card-icon{background:#e3f2fd;color:#2196f3}.card.purple .card-icon{background:#f3e5f5;color:#9c27b0}.card.orange .card-icon{background:#fff3e0;color:#ff9800}.card.red .card-icon{background:#ffebee;color:#f44336}.card.yellow .card-icon{background:#fff8e1;color:#fb8c00}.card.green .card-icon{background:#e8f5e9;color:#4caf50}.service{align-items:center;background:#fff;border-radius:8px;border-right:6px solid;box-shadow:0 2px 6px #0000000a;display:flex;flex-direction:row-reverse;flex-wrap:wrap;font-weight:500;justify-content:space-between;padding:14px}.service.green{border-color:#4caf50;color:#2e7d32}.service.red{border-color:#f44336;color:#c62828}.service span{align-items:center;display:flex;gap:6px}.loading{color:#888;padding:50px}@media (max-width:480px){.grid.two-column{grid-template-columns:repeat(2,minmax(140px,1fr))}}.card-header{align-items:center;display:flex;justify-content:space-between}.expiring-summary{margin-bottom:32px}.expiring-box{background:linear-gradient(270deg,#9c27b0,#2d3748)}.expiring-box,.expiring-boxx{border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#fff;padding:20px}.expiring-boxx{background:linear-gradient(270deg,#377cfa,#2d3748)}.expiring-header{font-size:16px;font-weight:700;justify-content:space-between;margin-bottom:16px}.expiring-days,.expiring-header{display:flex;flex-direction:row-reverse}.expiring-days{align-items:center;flex-wrap:wrap;gap:10px;justify-content:flex-end}.day-badge{background-color:#1a202c;border-radius:6px;box-shadow:inset 0 0 4px #ffffff1a;color:#fff;font-size:14px;min-width:32px;padding:6px 12px;text-align:center}.btn-all{background:#ffffff1a;border:1px solid #ccc;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:6px 14px;transition:.3s}.btn-all:hover{background:#fff3}.card-content{align-items:center;display:flex;flex-direction:row-reverse;justify-content:space-between}.order-card{background-color:#fff;border:none;border-radius:15px;box-shadow:0 4px 12px #00000014;margin-bottom:20px;padding:20px}.order-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.order-header h6{color:#333;font-size:1.15rem;font-weight:700;margin-bottom:0}.order-status{align-items:center;display:flex;font-size:.9rem;font-weight:600;white-space:nowrap}.status-dot{border-radius:50%;display:inline-block;height:8px;margin-left:8px;width:8px}.status-text-red{color:#dc3545}.status-text-green{color:#28a745}.order-details-row{display:flex;flex-direction:row-reverse;justify-content:space-between;margin-bottom:8px}.order-details-row:last-of-type{margin-bottom:0}.detail-label{min-width:80px}.amount-value{font-size:1.05rem}.btn-view-details{background-color:#007bff;border-color:#007bff;border-radius:8px;color:#fff;font-size:1rem;margin-top:20px;padding:10px 0}.btn-view-details:hover{background-color:#0056b3;border-color:#0056b3}.services-container{font-family:Cairo,sans-serif;margin-top:63px;padding:20px;text-align:center}.section-title{font-size:22px;font-weight:700}.section-subtitle{color:#777;margin-bottom:20px}.cards-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:30px}.service-card{background:#fff;border-radius:12px;box-shadow:0 0 8px #0000000d;padding:15px;position:relative;text-align:center}.card-icon{font-size:30px;margin-bottom:10px}.card-title{font-size:16px;font-weight:700}.card-desc{color:#777;font-size:13px;margin-top:5px}.card-heart{position:absolute;right:10px;top:10px}.card-heart .fa-heart{color:#ccc;cursor:pointer}.card-heart .fa-heart.red{color:red}.more-services{text-align:center}.small-service-btn{align-items:center;background:#eef1f8;border:none;border-radius:30px;color:#001f5c;display:inline-flex;font-weight:700;gap:5px;padding:10px 20px}.discover-more{color:#888;font-size:13px;margin-top:5px}.tabs{-webkit-overflow-scrolling:touch;display:flex;margin-bottom:10px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab-btn{background:#f0f0f0;border:1px solid #ccc;border-radius:5px;cursor:pointer;flex:0 0 auto;margin-right:10px;padding:10px 20px;transition:background .3s;white-space:nowrap}.tab-btn.active{background:#007bff;border-color:#007bff;color:#fff}.service-image{height:60px;object-fit:contain;width:60px}.service-container{background:#fff;border-radius:12px;box-shadow:0 0 10px #0000001a;direction:rtl;margin:94px auto auto;max-width:350px;padding:20px;text-align:right;width:100%}.service-header{align-items:center;display:flex;justify-content:space-between}.close-btn{font-size:24px}.service-icon img{display:block;margin:10px auto;width:60px}.service-title{font-size:20px;margin:10px 0 0;text-align:center}.service-desc{color:#666;font-size:14px;margin-bottom:15px;text-align:center}.input-field,.select-field{border:1px solid #ccc;border-radius:6px;font-size:16px;margin-bottom:15px;padding:10px;width:100%}.price-details p{font-size:15px;margin:8px 0}.submit-btn{background:#002a77;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px;width:100%}.message-display{align-items:center;animation:fadeInOut 3.5s forwards;border-radius:10px;box-shadow:0 4px 15px #0003;color:#fff;display:flex;font-family:Cairo,sans-serif;left:50%;max-width:90%;min-width:280px;padding:15px 20px;position:fixed;top:20px;transform:translateX(-50%);z-index:1050}.message-display .message-content{align-items:center;display:flex;width:100%}.message-display .message-icon{flex-shrink:0;font-size:1.8rem;margin-left:15px}.message-display .message-text{flex-grow:1;font-size:1rem;margin:0;text-align:right}.message-display .message-close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;margin-right:10px;opacity:.8;transition:opacity .2s ease}.message-display .message-close-btn:hover{opacity:1}.message-success{background:linear-gradient(135deg,#28a745,#218838)}.message-error{background:linear-gradient(135deg,#dc3545,#c82333)}@keyframes fadeInOut{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}10%{opacity:1;transform:translateX(-50%) translateY(0)}90%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-20px)}}.service-page-title{color:#1a4187;font-size:1.8rem;font-weight:700;margin-bottom:25px;text-align:center}.service-full-width-btn{align-items:center;background-color:#1a4187;border-radius:15px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;font-size:1.2rem;font-weight:700;justify-content:center;padding:20px;text-align:right;text-decoration:none;transition:background-color .3s ease,transform .2s ease;width:100%}.service-full-width-btn:hover{background-color:#133066;color:#fff;transform:translateY(-2px)}.service-full-width-icon{color:#fffc;flex-shrink:0;font-size:1.8rem;margin-left:15px}.service-card-item{align-items:center;background-color:#fff;border-radius:15px;box-shadow:0 4px 12px #00000014;color:#333;display:flex;flex-direction:column;font-size:1rem;font-weight:600;height:150px;justify-content:center;text-align:center;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.service-card-item:hover{box-shadow:0 8px 16px #0000001f;color:#1a4187;transform:translateY(-5px)}.service-card-icon{color:#1a4187;font-size:2.5rem;margin-bottom:10px}.page-header-title{color:#1a4187;font-size:1.6rem;font-weight:700;margin-bottom:25px;text-align:right}.filter-buttons{background-color:#e9ecef;border-radius:10px;justify-content:space-between;margin-bottom:30px;overflow:auto;padding:5px}.filter-btn{background-color:initial;border:none;border-radius:8px;color:#495057;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:10px 15px;transition:background-color .3s ease,color .3s ease;white-space:nowrap}.filter-btn.active{background-color:#1a4187;box-shadow:0 2px 8px #0000001a;color:#fff}.filter-btn:hover:not(.active){background-color:#dee2e6}.transaction-card{border-radius:15px;box-shadow:0 4px 12px #00000014;margin-bottom:20px;padding:20px}.transaction-header{margin-bottom:15px}.transaction-header .transaction-title{color:#333;font-size:1.15rem}.transaction-status{font-size:.9rem;margin-left:10px}.transaction-status .status-dot{height:8px;margin-left:8px;width:8px}.transaction-card{background-color:#fff;border:none;border-radius:18px;box-shadow:0 6px 20px #00000014;margin-bottom:25px;overflow:hidden;padding:25px;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.transaction-card:hover{box-shadow:0 10px 25px #0000001f;transform:translateY(-3px)}.transaction-header{align-items:center;border-bottom:1px solid #f0f2f5;display:flex;flex-direction:row-reverse;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.transaction-header .transaction-title{color:#212529;flex-grow:1;font-size:1.25rem;font-weight:700;line-height:1.4;margin-bottom:0;text-align:right}.transaction-status{align-items:center;color:#6c757d;display:flex;font-size:.95rem;font-weight:600;margin-left:15px;white-space:nowrap}.transaction-status .status-dot{border-radius:50%;box-shadow:0 0 0 2px #ffffff80;display:inline-block;height:9px;margin-left:10px;width:9px}.status-dot.red{background-color:#dc3545}.status-dot.green{background-color:#28a745}.status-dot.yellow{background-color:#ffc107}.status-dot.blue{background-color:#007bff}.transaction-details-grid{grid-gap:0 25px;display:grid;gap:0 25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:0}.detail-row{align-items:baseline;display:flex;flex-direction:row-reverse;flex-wrap:wrap;justify-content:space-between;padding:5px 0}.detail-label{color:#6c757d;flex-shrink:0;font-size:.9rem;margin-left:15px;position:relative;text-align:right}.detail-value{color:#343a40;flex-grow:1;font-size:.95rem;font-weight:500;line-height:1.4;text-align:left;word-break:break-word}.amount-value{font-size:1.1rem;font-weight:700;letter-spacing:-.02em}.amount-minus{color:#dc3545}.amount-plus{color:#28a745}.btn-view-details{background-color:#e9ecef;border-color:#e9ecef;border-radius:10px;color:#1a4187;cursor:pointer;font-size:1.05rem;font-weight:600;margin-top:15px;outline:none;padding:12px 0;transition:background-color .3s ease,color .3s ease,transform .1s ease;width:100%}.btn-view-details:hover{background-color:#dee2e6;color:#1a4187;transform:translateY(-1px)}.btn-view-details:active{background-color:#e2e6ea;transform:translateY(0)}.text-primary{color:#1a4187!important}.text-danger{color:#dc3545!important}.text-muted{color:#6c757d!important}.text-success{color:#28a745!important}:root{--primary:#002d03;--primary-dark:#133066;--radius:15px;--shadow:0 4px 20px #0000001a}*,:after,:before{box-sizing:border-box}.signup-container{align-items:center;display:flex;justify-content:center;padding:25px}.signup-card{background:#fff;border-radius:15px;border-radius:var(--radius);box-shadow:0 4px 20px #0000001a;box-shadow:var(--shadow);max-width:450px;overflow:hidden;position:relative;width:100%}.signup-header{color:#fff;padding:32px 20px 48px;position:relative;text-align:center}.signup-header,.signup-header:before{background:#002d03;background:var(--primary)}.signup-header:before{border-radius:50%/100% 100% 0 0;bottom:-28px;content:"";height:56px;inset-inline-end:0;inset-inline-start:0;position:absolute;transform:scaleX(1.5);z-index:-1}.signup-title{font-size:1.5rem;font-weight:700;margin:0}.form-group{margin-block:12px}.input-wrapper{position:relative}.form-input{border:1px solid #d1d5db;border-radius:8px;direction:ltr;font-size:.95rem;padding:12px 46px 12px 12px;text-align:right;transition:border-color .2s;width:100%}.form-input:focus{border-color:#002d03;border-color:var(--primary);outline:none}.input-icon{color:#9ca3af;font-size:1rem;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.submit-button{background:#002d03;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1.1rem;margin-top:20px;padding:12px;transition:background .25s;width:100%}.submit-button:hover{background:#133066;background:var(--primary-dark)}.error-message,.success-message{border-radius:8px;font-size:.9rem;margin-top:8px;padding:10px 14px}.error-message{background:#fee2e2;color:#991b1b;text-align:right}.success-message{background:#d1fae5;color:#065f46;text-align:right}.login-link-text{font-size:.95rem;margin-top:22px;text-align:center}.login-link{color:#002d03;color:var(--primary);font-weight:600;text-decoration:none}.login-link:hover{text-decoration:underline}@media (max-width:380px){.signup-title{font-size:1.3rem}.form-input{font-size:.85rem}}.notifications-list{display:flex;flex-direction:column;gap:15px}.notification-card{align-items:center;background-color:#fff;border:1px solid #0000;border-radius:12px;box-shadow:0 2px 10px #00000014;display:flex;justify-content:space-between;overflow:hidden;padding:15px 20px;position:relative;transition:all .3s ease}.notification-card.unread{background-color:#e6f7ff;border-right:5px solid #1a4187;box-shadow:0 4px 15px #1a418726;padding-right:15px}.notification-card.unread:before{background-color:#dc3545;border-radius:50%;content:"";height:8px;position:absolute;right:10px;top:10px;width:8px;z-index:1}.notification-content{align-items:center;display:flex;flex-grow:1;text-align:right}.notification-icon-wrapper{align-items:center;background-color:#f0f2f5;border-radius:50%;display:flex;flex-shrink:0;height:45px;justify-content:center;margin-left:15px;width:45px}.notification-icon{font-size:1.8rem}.notification-icon.success-icon{color:#28a745}.notification-icon.info-icon{color:#17a2b8}.notification-icon.warning-icon{color:#ffc107}.notification-icon.error-icon{color:#dc3545}.notification-icon.default-icon{color:#6c757d}.notification-details{display:flex;flex-direction:column;flex-grow:1}.notification-title{color:#333;font-size:1.1rem;font-weight:700;margin-bottom:5px}.notification-message{color:#555;font-size:.9rem;line-height:1.4;margin-bottom:5px;margin-right:9px}.notification-date{align-self:flex-end;color:#888;font-size:.8rem}.mark-read-btn{align-items:center;background-color:#1a4187;border:none;border-radius:50%;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:35px;justify-content:center;margin-right:15px;transition:background-color .2s ease;width:35px}.mark-read-btn:hover{background-color:#133066}.success-container{align-items:center;background-color:#f1f5f9;direction:rtl;display:flex;justify-content:center;min-height:100vh;padding:20px;text-align:center}.success-box{background-color:#fff;border-radius:16px;box-shadow:0 4px 15px #0000001a;max-width:420px;padding:40px 25px;width:100%}.success-box h1{color:#1a4187;font-size:1.8rem;margin-bottom:15px}.success-box p{color:#444;font-size:1rem;margin-bottom:25px}.login-linkx{background-color:#1a4187;border-radius:8px;color:#fff;display:inline-block;font-size:1rem;padding:12px 20px;text-decoration:none;transition:background .25s ease}.login-linkx:hover{background-color:#133066}.accounts-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}.account-item{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 2px 6px #0000001a;direction:rtl;display:flex;flex-wrap:wrap;justify-content:space-between;padding:12px 16px}.status-icon{font-size:22px;margin-left:10px}.account-email{align-items:center;display:flex;flex-grow:1;font-size:15px;font-weight:600;gap:5px}.account-email span:before{content:"📧 "}.account-actions{display:flex;gap:8px}.btn-show{background-color:#28a745}.btn-delete,.btn-show{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background .2s}.btn-delete{background-color:#dc3545}.btn-show:hover{background-color:#218838}.btn-delete:hover{background-color:#c82333}.account-detail-container{background:#f7f9fc;direction:rtl;display:flex;justify-content:center;margin-top:69px;min-height:100vh;padding:20px}.account-detail-card{animation:fadeIn .4s ease-in-out;background:#fff;border-radius:16px;box-shadow:0 8px 24px #00000014;max-width:700px;padding:25px 30px;width:100%}.account-detail-card h2{color:#1a4187;font-size:22px;font-weight:700;margin-bottom:24px;text-align:center}.account-info-grid{grid-gap:16px;color:#333;display:grid;font-size:16px;gap:16px;grid-template-columns:1fr}.account-info-grid div{background:#f0f4f8;border-radius:10px;padding:12px 16px;transition:background .3s ease}.account-info-grid div:hover{background:#e8eff7}.account-info-grid strong{color:#444;font-weight:600}.back-btn{background-color:#1a4187;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:24px;padding:12px 20px;transition:background .2s ease;width:100%}.back-btn:hover{background-color:#0056b3}.loading{color:#555;font-size:18px;margin-top:50px;text-align:center}@media (min-width:480px){.account-info-grid{grid-template-columns:1fr 1fr}}.agent-container{background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014;direction:rtl;font-family:Cairo,sans-serif;margin:40px auto;max-width:650px;padding:30px}.agent-container h2{color:#007bff;font-weight:700;margin-bottom:30px;text-align:center}.dropdowns{display:flex;flex-direction:column;gap:15px}.dropdowns select{border:1px solid #ccc;border-radius:8px;font-size:15px;padding:12px 16px;transition:border .3s ease}.dropdowns select:focus{background-color:#f8f9ff;border-color:#007bff;outline:none}.agent-card{background:linear-gradient(270deg,#f2f6fc,#e9effd);border-radius:14px;box-shadow:0 5px 15px #007bff1a;margin-top:30px;padding:25px;transition:transform .2s ease}.agent-card:hover{transform:translateY(-3px)}.agent-card h4{color:#333;font-size:18px;font-weight:700;margin-bottom:15px}.agent-card p{color:#444;font-size:15px;margin-bottom:8px}.agent-card p strong{color:#007bff}@media (max-width:600px){.agent-container{margin-left:10px;margin-right:10px;margin-top:102px;padding:20px}.agent-card{padding:20px}}.change-password-container{align-items:center;background:linear-gradient(to bottom right,#e0f7fa,#fff);display:flex;justify-content:center;min-height:100vh}.change-password-form{background-color:#fff;border-radius:16px;box-shadow:0 8px 24px #0000001a;direction:rtl;max-width:420px;padding:40px 30px;width:100%}.change-password-form h2{color:#0077b6;font-size:1.5rem;margin-bottom:24px;text-align:center}.change-password-form label{color:#333;display:block;font-weight:700;margin-bottom:6px;margin-top:14px}.change-password-form input{border:1px solid #ccc;border-radius:8px;font-size:15px;padding:12px;transition:.3s ease;width:100%}.change-password-form input:focus{border-color:#0077b6;box-shadow:0 0 0 3px #0077b633;outline:none}.change-password-form button{background-color:#1a4187;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:12px;transition:background .3s ease;width:100%}.change-password-form button:hover{background-color:#005f87}.message{background-color:#ffe6e6;border-radius:8px;color:#d32f2f;margin-bottom:16px;padding:10px;text-align:center}.usage-bar-container{background-color:#f1f1f1;border-radius:10px;height:30px;margin-top:10px;overflow:hidden;position:relative}.usage-bar{border-radius:10px;height:100%;left:0;position:absolute;top:0;transition:width .4s ease-in-out;z-index:1}.usage-labels.full{align-items:center;color:#fff;display:flex;font-size:12px;font-weight:700;height:100%;justify-content:space-between;padding:0 8px;position:absolute;text-shadow:0 0 3px #000;width:100%;z-index:2}.left-label,.right-label{text-align:start;width:30%}.center-label{text-align:center;width:40%}.title{color:#2c3e50;font-weight:700;margin-bottom:1rem}.search-input{border:1px solid #ccc;border-radius:8px;direction:rtl;font-size:15px;margin-bottom:1.2rem}.account-card{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000001a;margin-bottom:1rem;padding:12px;position:relative;transition:.3s ease}.row-one,.row-two{direction:rtl;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:8px}.row-one span,.row-two span{font-size:14px;margin-bottom:6px;width:48%}.status{border-radius:6px;font-weight:700;padding:2px 8px}.status.active{background-color:#28a745;color:#fff}.status.inactive{background-color:#6c757d;color:#fff}.action-button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;margin-top:7px;padding:8px;width:100%}.modal-overlay{background-color:#0006}.modal-content{box-shadow:0 4px 10px #0003;max-width:400px;padding:20px;text-align:center;text-align:right}.modal-actions{margin:20px 0;padding:0}.modal-actions li{background-color:#f2f2f2;border-radius:8px;margin-bottom:6px;padding:10px}.modal-actions li:hover{background-color:#e2e2e2}.modal-actions .delete{color:red}.close-btn{background-color:#007bff;border-radius:6px;color:#fff;margin-top:10px;padding:8px 16px}.animated-modal{animation:fadeInUp .4s ease-out;transform-origin:center}@keyframes fadeInUp{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-overlay{direction:rtl;z-index:9999}.modal-content{animation:fadeIn .3s ease-in-out;background-color:#fff;border-radius:12px;box-shadow:0 8px 20px #0003;padding:30px 25px;width:95%}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-content h4{color:#333;font-size:20px;font-weight:700;margin-bottom:20px}.modal-content .form-groupx{margin-bottom:15px}.modal-content label{color:#444;display:block;font-weight:700;margin-bottom:5px}.modal-content input,.modal-content select{border:1px solid #ddd;border-radius:8px;font-size:15px;padding:10px;transition:border-color .3s;width:100%}.modal-content input:focus,.modal-content select:focus{border-color:#0d6efd;outline:none}.modal-content .btn{border:none;border-radius:8px;cursor:pointer;font-size:15px;margin-top:10px;padding:10px;transition:background-color .3s ease;width:100%}.modal-content .btn-success{background-color:#28a745;color:#fff}.modal-content .btn-success:hover{background-color:#218838}.modal-content .btn-secondary{background-color:#6c757d;color:#fff}.modal-content .btn-secondary:hover{background-color:#5a6268}.close-btn{color:#888;font-size:22px;font-weight:700;left:15px;transition:color .3s ease}.close-btn:hover{color:#dc3545}.modal-actions{background:#f9f9f9;border-radius:16px;box-shadow:0 0 15px #0000001a;flex-direction:column;gap:12px;list-style:none;padding:20px}.modal-actions li{align-items:center;background:#fff;border:1px solid #ddd;border-radius:12px;color:#333;cursor:pointer;display:flex;font-size:16px;gap:10px;padding:12px 18px;transition:all .3s ease}.modal-actions li:hover{background-color:#007bff;border-color:#007bff;color:#fff;gap:5px;transform:scale(1.02)}.modal-actions li i{font-size:18px}.modal-actions li.delete{background:#ffecec;border-color:#f5c6cb;color:#d9534f}.modal-actions li.delete:hover{background-color:#d9534f;border-color:#d43f3a;color:#fff}.add-new-account-button{background-color:#007bff;margin:20px auto;transition:background-color .3s ease}.add-new-account-button:hover{background-color:#0056b3}.modal-footer{display:flex;gap:10px;justify-content:space-between;margin-top:20px}.suggestions-list{background-color:#fff;border:1px solid #ddd;border-radius:4px;margin-top:10px;max-height:150px;overflow-y:auto;z-index:10}.suggestions-list p{border-bottom:1px solid #eee;color:#555;font-weight:700;margin-bottom:0;padding:8px 12px}.suggestions-list ul{list-style:none;margin:0;padding:0}.suggestions-list li{border-bottom:1px solid #eee;cursor:pointer;padding:8px 12px}.suggestions-list li:last-child{border-bottom:none}.suggestions-list li:hover{background-color:#f0f0f0}.mn{display:flex;justify-content:space-between}.filter-buttons{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;gap:8px;margin-bottom:20px;overflow:scroll}.filter-button{background-color:#f0f0f0;border:1px solid #ccc;border-radius:5px;cursor:pointer;font-size:1rem;padding:10px 15px;transition:background-color .3s ease,border-color .3s ease;white-space:nowrap}.filter-button:hover{background-color:#e0e0e0;border-color:#aaa}.filter-button.active-filter{background-color:#007bff;border-color:#007bff;color:#fff;font-weight:700}.filter-button.active-filter:hover{background-color:#0056b3;border-color:#0056b3}.broadband-container{margin:22px auto 0;max-width:1200px;padding:20px}.search-input{border:1px solid #ddd;border-radius:5px;margin-bottom:15px;padding:10px;width:100%}.add-new-account-button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:1rem;margin-bottom:20px;padding:10px 20px;width:-webkit-fit-content;width:fit-content}.add-new-account-button,html[dir=rtl] .add-new-account-button{margin-left:auto;margin-right:auto}.modal-overlay{background-color:#0009;bottom:0;right:0;z-index:1000}.modal-content{animation:fadeInScale .3s ease-out;border-radius:8px;box-shadow:0 4px 15px #0003;position:relative}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.close-btn{background:none;border:none;color:#555;cursor:pointer;font-size:1.5rem;left:10px;position:absolute;top:10px}html[dir=rtl] .close-btn{left:auto;right:10px}.loading-spinner-overlay{align-items:center;background-color:#fffc;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vgy{align-items:center;display:flex;gap:10px;margin:10px 0}.x-form-grid input,.x-form-grid select{background-color:#fff;border:2px solid #ddd;border-radius:10px;box-sizing:border-box;font-size:16px;outline:none;padding:10px 12px;transition:border-color .3s,box-shadow .3s;width:100%}.x-form-grid input:focus,.x-form-grid select:focus{border-color:#00b894;box-shadow:0 0 0 3px #00b89433}.x-form-grid label{align-items:center;display:flex;font-weight:500;gap:10px;margin-top:10px}.x-btn{border-radius:8px;font-size:16px;padding:10px 16px;transition:background .3s}.x-btn-add{background-color:#0984e3;margin-bottom:1rem}.x-btn-add:hover{background-color:#74b9ff}.x-btn-save{background-color:#00b894;color:#fff;margin-top:10px}.x-btn-save:hover{background-color:#55efc4}.x-form{background:#f9f9f9;border-radius:15px;box-shadow:0 0 8px #0000001a;margin-top:20px;padding:20px}.x-form-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.mikrotik-profile-manager-container{background:#f7f9fc;border-radius:16px;direction:rtl;padding:30px}.main-title{color:#333;font-size:28px;margin-bottom:20px;text-align:center}.add-profile-btn{background:linear-gradient(45deg,#28a745,#218838);border:none;border-radius:8px;color:#fff;font-weight:700;margin-bottom:20px;padding:10px 20px}.error-message,.success-message{border-radius:6px;font-weight:700;margin-bottom:15px;padding:10px 15px}.success-message{background-color:#d4edda;color:#155724}.error-message{background-color:#f8d7da;color:#721c24}.profiles-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.profile-card{background:#fff;border-radius:12px;box-shadow:0 0 10px #00000014;padding:20px}.profile-card p{margin:8px 0}.profile-actions{display:flex;justify-content:space-between;margin-top:12px}.profile-actions .btn-sm{border-radius:6px;font-size:14px;padding:6px 12px}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal-content{background:#fff;border-radius:16px;box-shadow:0 6px 20px #00000040;max-width:500px;padding:30px;width:90%}.modal-content h3{font-size:20px;margin-bottom:20px}.profile-form .form-group{margin-bottom:15px}.profile-form input{border:1px solid #ccc;border-radius:8px;padding:10px;width:100%}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.modal-actions .btn{border-radius:8px;font-weight:700;padding:8px 16px}.home-container{background:linear-gradient(90deg,#f0f0f0,#fff);direction:rtl;min-height:100vh;padding:40px 20px;text-align:center}.home-title{color:#333;font-size:28px;margin-bottom:30px}.button-group{display:flex;flex-wrap:wrap;gap:20px;margin:auto}.btn{background-color:#007bff;border-radius:12px;display:flex;font-size:18px;gap:10px;justify-content:center;padding:15px;transition:.3s ease}.btn i{font-size:20px}.btn.primary{background-color:#007bff;color:#fff}.btn.primary:hover{background-color:#0056b3}.btn.secondary{background-color:#28a745;color:#fff}.btn.secondary:hover{background-color:#1e7e34}.btn.danger{background-color:#dc3545;color:#fff}.btn.danger:hover{background-color:#a71d2a}@media (min-width:600px){.button-group{flex-direction:row;justify-content:center}}.custom-icon-button{align-items:center;border:none;border-radius:6px;display:inline-flex;font-size:16px;height:34px;justify-content:center;text-decoration:none;transition:all .2s ease-in-out;width:34px}.custom-icon-button i{pointer-events:none}.custom-icon-button.blue{background-color:#e9f3ff;color:#007bff}.custom-icon-button.blue:hover{background-color:#cce4ff}.custom-icon-button.gray{background-color:#f0f0f0;color:#6c757d}.custom-icon-button.gray:hover{background-color:#e0e0e0}.x-print-container{background-color:#f4f7f6;border-radius:8px;box-shadow:0 4px 12px #00000014;color:#333;direction:rtl;margin:40px auto;max-width:1200px;padding:20px;text-align:right}.x-heading{color:#2c3e50;font-size:2.2em;font-weight:700;margin-bottom:30px;padding-bottom:10px;position:relative;text-align:center}.x-heading:after{background-color:#3498db;border-radius:2px;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.x-loading,.x-no-cards{background-color:#eaf1f0;border-radius:6px;color:#555;font-size:1.2em;margin-top:20px;padding:20px;text-align:center}.x-card-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:30px}.x-card{background-color:#fff;border:1px solid #e0e6e9;border-radius:10px;box-shadow:0 4px 15px #0000000f;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.x-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.x-card-body{flex-grow:1;padding:20px}.x-card-row{display:flex;flex-wrap:wrap;gap:15px}.x-card-col{flex:1 1 48%;min-width:180px}.x-card-col p{align-items:center;display:flex;font-size:.95em;line-height:1.5;margin:8px 0}.x-card-col p b{color:#5d6d7e;display:inline-block;margin-left:8px;min-width:90px}.x-card-actions{background-color:#f9fbfb;border-top:1px solid #e0e6e9;gap:10px;justify-content:space-around;padding:15px 20px}.x-btn{align-items:center;border:none;display:flex;flex:1 1;font-size:.9em;font-weight:600;gap:5px;justify-content:center;padding:10px 18px;transition:background-color .3s ease,transform .2s ease}.x-btn:hover{transform:translateY(-2px)}.x-btn-view{background-color:#3498db;color:#fff}.x-btn-view:hover{background-color:#2980b9}.x-btn-delete{background-color:#e74c3c;color:#fff}.x-btn-delete:hover{background-color:#c0392b}.x-btn-print{background-color:#2ecc71;color:#fff}.x-btn-print:hover{background-color:#27ae60}@media (max-width:768px){.x-card-grid{grid-template-columns:1fr}.x-card-row{flex-direction:column}.x-card-col{flex:1 1 100%}.x-print-container{margin:47px auto 20px;padding:15px}.x-heading{font-size:1.8em}}@media (max-width:480px){.x-btn{font-size:.8em;padding:8px 12px}.x-card-col p b{min-width:70px}}.x-form{background:#f8f8f8;border-radius:10px;margin-bottom:2rem;padding:1rem}.x-form-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.x-btn-add{background-color:#00b894;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:10px;padding:10px}.x-card-body{display:flex;flex-wrap:wrap;gap:0;justify-content:space-between;padding:10px 15px}.x-card-col{font-size:14px;line-height:1.6;width:48%}.x-card-col p{margin:4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-card{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 0 4px #0000000d;margin-bottom:15px}.x-card-actions{background-color:#f9f9f9;border-top:1px solid #eee;display:flex;justify-content:space-between;padding:8px 12px}.x-btn{border-radius:6px;cursor:pointer;font-size:13px;padding:6px 12px;transition:background-color .2s}.x-btn-telegram{background-color:#08c;color:#fff}.x-btn-telegram:disabled{background-color:#aaa;cursor:not-allowed}.hotspot-container{background:#fff;border-radius:16px;box-shadow:0 6px 20px #0000001a;direction:rtl;margin:auto;max-width:1200px;padding:24px}.hotspot-title{border-bottom:2px solid #ddd;color:#0e4a7b;font-size:24px;font-weight:700;margin-bottom:24px;padding-bottom:10px}.section-box{background-color:#f8f9fa;border-radius:12px;box-shadow:0 2px 6px #0000000d;margin-bottom:20px;padding:16px}.section-box h4{color:#333;font-size:18px;font-weight:600;margin-bottom:10px}.input-label{margin-bottom:6px}.input-field{font-size:14px;margin-bottom:12px;padding:6px 10px}.variable-item{background:#fff;border:1px solid #ddd;border-radius:10px;gap:12px;margin-bottom:8px;padding:8px 12px}.add-text-btn{background:#007bff;border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:6px 14px;transition:.3s}.preview-card{border:2px dashed #ccc;border-radius:12px}.preview-text{cursor:move;font-weight:700}.server-analysis-container{border:1px solid #ccc;border-radius:10px;direction:rtl;margin-top:20px;padding:15px}.analysis-steps{margin-top:20px}.analysis-step{align-items:center;display:flex;gap:10px;margin-bottom:10px}.analysis-steps{list-style:none;padding:0}.analysis-step{font-size:16px;margin:10px 0}.message{font-size:14px;margin-top:5px}.analysis-step .message{border-radius:6px;direction:rtl;display:inline-block;font-size:14px;font-weight:500;margin-top:8px;max-width:100%;padding:10px 15px}.analysis-step .message.success{background-color:#e6f4ea;border:1px solid #b2e2c0;color:#218739}.analysis-step .message.error{background-color:#fde8e8;border:1px solid #f5c6cb;color:#c0392b}#template-list-container,.hotspot-container{background-color:#fff;border-radius:12px;box-shadow:0 8px 25px #0000001a;margin:30px auto;max-width:1200px;overflow:hidden;padding:30px}.hotspot-title,.text-3xl.font-bold.text-gray-800{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:40px;padding-bottom:15px;position:relative;text-align:center}.hotspot-title:after,.text-3xl.font-bold.text-gray-800:after{background-color:#3498db;border-radius:2px;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.section-box{background-color:#fcfcfc;border:1px solid #e0e6ed;border-radius:10px;box-shadow:0 4px 15px #0000000d;padding:25px;transition:all .3s ease}.section-box:hover{border-color:#c9d6e5;box-shadow:0 6px 20px #00000014}.section-box h3,.section-box h4{border-bottom:2px solid #ecf0f1;color:#34495e;font-size:1.5rem;font-weight:600;margin-bottom:20px;padding-bottom:10px}.input-label{color:#555;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.input-field{border:1px solid #ccc;border-radius:8px;color:#444;font-size:1rem;margin-bottom:15px;padding:12px 15px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.input-field:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db33;outline:none}button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:12px 25px;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease}button:hover{box-shadow:0 4px 10px #0000001a;transform:translateY(-2px)}.bg-green-600{background-color:#28a745}.bg-green-600:hover{background-color:#218838}.add-text-btn{background-color:#007bff;color:#fff}.add-text-btn:hover{background-color:#0056b3}.bg-gray-500{background-color:#6c757d;color:#fff}.bg-gray-500:hover{background-color:#5a6268}.variable-item{align-items:center;background-color:#f5f8fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:10px;padding:12px 15px;transition:background-color .2s ease}.variable-item:hover{background-color:#eef2f5}.variable-item label{align-items:center;display:flex;font-weight:400;margin-bottom:0}.variable-item input[type=checkbox]{border:2px solid #999;border-radius:4px;cursor:pointer;height:20px;margin-left:10px;width:20px}.variable-item input[type=color]{-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-radius:5px;cursor:pointer;height:35px;width:35px}.variable-item input[type=color]::-webkit-color-swatch-wrapper{padding:0}.variable-item input[type=color]::-webkit-color-swatch{border:1px solid #ddd;border-radius:5px}.variable-item input[type=color]::-moz-color-swatch{border:1px solid #ddd;border-radius:5px}.preview-card{align-items:center;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border:3px dashed #a7b7c9;border-radius:10px;box-shadow:0 10px 30px #00000026;display:flex;flex-shrink:0;justify-content:center;margin:0 auto;overflow:hidden;position:relative}.preview-text{border-radius:5px;cursor:grab;padding:5px 8px;transition:background-color .2s ease;white-space:nowrap}.preview-text:hover{background-color:#fffffff2}.template-card{background-color:#fff;border:1px solid #e0e6ed;border-radius:10px;box-shadow:0 4px 15px #0000000d;padding:20px;position:relative;transition:all .3s ease}.template-card:hover{border-color:#c9d6e5;box-shadow:0 8px 25px #0000001a;transform:translateY(-5px)}.template-card h3{color:#3498db;cursor:pointer;font-size:1.3rem;font-weight:600;margin-bottom:15px}.template-card img{aspect-ratio:4/3;border:1px solid #e0e6ed;border-radius:8px;height:auto;object-fit:cover;width:100%}.template-card .absolute{left:15px;top:15px}.template-card .fa-trash-alt{color:#e74c3c;font-size:1.2rem;transition:color .2s ease}.template-card .fa-trash-alt:hover{color:#c0392b}.fixed.inset-0.bg-black.bg-opacity-50{align-items:center;display:flex;justify-content:center;z-index:1000}.gridx{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr;padding:10px}@media (min-width:768px){.gridx{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.gridx{grid-template-columns:repeat(3,1fr)}}.fixed.top-4.right-4{left:4px;max-width:350px;right:auto;width:auto;z-index:2000}.device-details-container{background:#f8f8f8;border-radius:10px;direction:rtl;padding:20px}.device-details-loading{padding:20px}.device-details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.device-details-item{background:#fff;border-radius:10px;box-shadow:0 2px 5px #00000014;font-size:14px;padding:12px;transition:background .3s}.device-details-item:hover{background:#f1f1f1}.device-details-bar{background-color:#ddd;border-radius:6px;height:20px;margin-bottom:10px;margin-top:5px;overflow:hidden}.device-details-bar-fill{color:#fff;font-size:13px;font-weight:700;height:100%;line-height:20px;text-align:center;transition:width .4s ease}.device-details-bar-low{background-color:#e53935!important}.device-details-bar-medium{background-color:#fbc02d!important}.device-details-bar-high{background-color:#43a047!important}@media (max-width:600px){.device-details-grid{grid-template-columns:1fr}}.btnx{background-color:#4caf50;border:none;border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.5px;padding:0 11px;transition:all .3s ease}.btnx:hover{background-color:#45a049;box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.btnx:active{box-shadow:0 2px 6px #0003;transform:scale(.98)}.broadband-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;direction:rtl;margin:40px auto;max-width:800px;padding:25px}.title{color:#333;font-size:22px;margin-bottom:20px;text-align:center}.title .icon{color:#007bff;margin-left:8px}.date-section{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px}.date-section label{color:#444;font-weight:700}.date-section input[type=date]{border:1px solid #ccc;border-radius:6px;min-width:180px;padding:6px 12px}.actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.btn{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;gap:6px;padding:10px 18px;transition:background-color .3s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn.red{background-color:#dc3545}.btn.red:hover{background-color:#c82333}.btn.blue{background-color:#007bff}.btn.blue:hover{background-color:#0069d9}.btn.orange{background-color:#fd7e14}.btn.orange:hover{background-color:#e8590c}.btn.green{background-color:#28a745}.btn.green:hover{background-color:#218838}.sessions-scroll{border:1px solid #ddd;border-radius:6px;margin:10px 0;max-height:300px;overflow-y:auto}.sessions-scroll table{border-collapse:collapse;width:100%}.sessions-scroll td,.sessions-scroll th{border-bottom:1px solid #eee;padding:8px;text-align:center}.suggestions-dropdown{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 8px #0000001a;left:0;margin-top:2px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.dropdown-header{background:#f8f9fa;border-bottom:1px solid #dee2e6;color:#6c757d;font-size:.9em;padding:8px 12px}.suggestion-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;transition:background .2s}.suggestion-item:hover{background:#f8f9fa}.suggestion-item.new-client{background:#e8f4fd;border-top:2px solid #007bff;font-weight:700}.suggestion-item.new-client:hover{background:#d0e8ff}.badge{font-size:.8em;padding:3px 8px}.alert{border-radius:4px;font-size:.9em;margin-top:8px;padding:8px 12px}.alert-info{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.mcrm-ccp{--mcrm-ccp-primary:#2563eb;--mcrm-ccp-primary-2:#06b6d4;--mcrm-ccp-danger:#e11d48;--mcrm-ccp-success:#16a34a;--mcrm-ccp-text:#0f172a;--mcrm-ccp-muted:#64748b;--mcrm-ccp-bg:#fff;--mcrm-ccp-card:#fffc;--mcrm-ccp-brd:#e5e7eb;--mcrm-ccp-shadow:0 10px 30px #02081714;--mcrm-ccp-radius-xl:18px;--mcrm-ccp-radius-lg:14px;--mcrm-ccp-radius-md:10px;--mcrm-ccp-gap:18px;color:var(--mcrm-ccp-text)}.mcrm-ccp *{box-sizing:border-box}.mcrm-ccp__header{background:linear-gradient(90deg,var(--mcrm-ccp-primary),var(--mcrm-ccp-primary-2));box-shadow:var(--mcrm-ccp-shadow);padding:1px}.mcrm-ccp__header,.mcrm-ccp__header>*{border-radius:var(--mcrm-ccp-radius-xl)}.mcrm-ccp__header>*{-webkit-backdrop-filter:saturate(140%) blur(6px);backdrop-filter:saturate(140%) blur(6px);background:var(--mcrm-ccp-card);padding:20px}.mcrm-ccp__title h2{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin:0}.mcrm-ccp__title p{color:var(--mcrm-ccp-muted);font-size:.95rem;margin:6px 0 0}.mcrm-ccp__header{grid-gap:var(--mcrm-ccp-gap);align-items:center;display:grid;gap:var(--mcrm-ccp-gap);grid-template-columns:1fr auto}.mcrm-ccp__actions{display:flex;gap:10px}.mcrm-ccp__btn{align-items:center;background:var(--mcrm-ccp-bg);border:1px solid var(--mcrm-ccp-brd);border-radius:12px;box-shadow:0 1px 0 #00000005;color:var(--mcrm-ccp-text);display:inline-flex;font-size:.95rem;font-weight:700;gap:8px;padding:10px 14px;transition:transform .08s ease,background-color .2s ease,box-shadow .2s ease}.mcrm-ccp__btn:hover{background:#f8fafc}.mcrm-ccp__btn:active{transform:translateY(1px)}.mcrm-ccp__btn[disabled]{cursor:not-allowed;opacity:.6}.mcrm-ccp__btn-ico{font-size:1.05em;line-height:1}.mcrm-ccp__btn--ghost{background:var(--mcrm-ccp-bg);color:var(--mcrm-ccp-text)}.mcrm-ccp__btn--danger{background:var(--mcrm-ccp-danger);border-color:#0000;box-shadow:0 6px 18px #e11d4840;color:#fff}.mcrm-ccp__btn--danger:hover{filter:brightness(.98)}.mcrm-ccp__alert{border:1px solid var(--mcrm-ccp-brd);border-radius:var(--mcrm-ccp-radius-md);box-shadow:0 2px 12px #0208170d;font-weight:600;margin-top:14px;padding:12px 14px}.mcrm-ccp__alert--success{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.mcrm-ccp__alert--error{background:#fef2f2;border-color:#fecaca;color:#7f1d1d}.mcrm-ccp__stats{grid-gap:var(--mcrm-ccp-gap);display:grid;gap:var(--mcrm-ccp-gap);grid-template-columns:1fr;margin-top:18px}@media (min-width:768px){.mcrm-ccp__stats{grid-template-columns:1fr 1fr}}.mcrm-ccp__card{background:linear-gradient(90deg,#f3f4f6,#f8fafc);box-shadow:var(--mcrm-ccp-shadow);padding:1px}.mcrm-ccp__card,.mcrm-ccp__card>*{border-radius:var(--mcrm-ccp-radius-xl)}.mcrm-ccp__card>*{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:var(--mcrm-ccp-card);padding:18px}.mcrm-ccp__card-head{align-items:center;color:var(--mcrm-ccp-muted);display:flex;font-weight:700;gap:10px}.mcrm-ccp__card-ico{background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:12px;box-shadow:inset 0 0 0 1px #fff3;color:#fff;display:grid;font-size:20px;height:44px;place-items:center;width:44px}.mcrm-ccp__card-label{font-size:.95rem}.mcrm-ccp__card-value{color:var(--mcrm-ccp-text);font-size:3rem;font-weight:900;letter-spacing:-.02em;margin-top:6px}.mcrm-ccp__skel{animation:mcrm-ccp-shimmer 1.2s linear infinite;background:linear-gradient(90deg,#e5e7eb,#f3f4f6,#e5e7eb);background-size:200% 100%;border-radius:10px}.mcrm-ccp__skel--lg{height:44px;margin-top:8px;width:120px}@keyframes mcrm-ccp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mcrm-ccp__panel{background:var(--mcrm-ccp-card);border:1px solid var(--mcrm-ccp-brd);border-radius:var(--mcrm-ccp-radius-xl);box-shadow:var(--mcrm-ccp-shadow);margin-top:var(--mcrm-ccp-gap);padding:16px}.mcrm-ccp__row{grid-gap:var(--mcrm-ccp-gap);align-items:center;display:grid;gap:var(--mcrm-ccp-gap);grid-template-columns:1fr auto;padding:8px 2px}.mcrm-ccp__row-text h4{color:var(--mcrm-ccp-text);font-size:1.05rem;font-weight:800;margin:0 0 6px}.mcrm-ccp__row-text p{color:var(--mcrm-ccp-muted);font-size:.92rem;margin:0}.mcrm-ccp__divider{background:linear-gradient(90deg,#0000,var(--mcrm-ccp-brd),#0000);height:1px;margin:8px 0}.mcrm-ccp__switch{align-items:center;background:#d1d5db;border:1px solid #cbd5e1;border-radius:999px;cursor:pointer;display:inline-flex;height:36px;padding:4px;position:relative;transition:filter .2s ease,transform .08s ease,background-color .2s ease,border-color .2s ease;-webkit-user-select:none;user-select:none;width:74px}.mcrm-ccp__switch:hover{filter:brightness(.98)}.mcrm-ccp__switch:active{transform:translateY(1px)}.mcrm-ccp__switch.is-disabled{cursor:not-allowed;opacity:.6}.mcrm-ccp__switch.is-on{background:linear-gradient(90deg,#10b981,#0ea5e9);border-color:#0000;box-shadow:inset 0 0 0 1px #ffffff40}.mcrm-ccp__switch-dot{background:#fff;border-radius:999px;bottom:4px;box-shadow:0 2px 12px #0208172e;position:absolute;right:4px;top:4px;transition:transform .24s cubic-bezier(.2,.8,.2,1);width:28px}.mcrm-ccp__switch.is-on .mcrm-ccp__switch-dot{transform:translateX(-38px)}.mcrm-ccp__switch-label{color:var(--mcrm-ccp-muted);font-size:11px;font-weight:800;left:50%;pointer-events:none;position:absolute;top:-20px;transform:translateX(-50%)}.mcrm-ccp [title]{cursor:help}.whatsapp-log{background-color:#f0f4f8;padding:20px;text-align:right}.log-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.log-header h2{color:#128c7e;font-weight:700}.log-header button{background-color:#25d366;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:15px;padding:10px 20px;transition:.3s}.log-header button:hover{background-color:#1da851}.log-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:600px){.log-list{grid-template-columns:1fr 1fr}}.log-card{background-color:#fff;border-radius:16px;box-shadow:0 5px 12px #00000014;padding:20px;transition:.3s}.log-card:hover{transform:translateY(-4px)}.log-text{color:#333;font-size:16px;margin-bottom:10px;white-space:pre-wrap}.recipients-btn{background-color:#e8f5e9;border:none;border-radius:12px;color:#2e7d32;cursor:pointer;font-size:14px;margin-bottom:10px;padding:6px 12px}.recipient-list{color:#555;font-size:13px;list-style:none;margin:0;padding:0}.log-footer{margin-top:10px;text-align:center}.resend-btn{background-color:#d1c4e9;border:none;border-radius:12px;color:#4527a0;cursor:pointer;font-size:14px;padding:6px 16px}.no-msg{color:#777;font-style:italic;text-align:center}.custom-modal{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.custom-modal-content{animation:pop .3s ease;background:#fff;border-radius:16px;max-width:500px;padding:24px;width:90%}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.custom-modal-content textarea{border:1px solid #ccc;border-radius:10px;margin:15px 0;padding:12px;resize:none;width:100%}.custom-modal-content .modal-header{align-items:center;display:flex;justify-content:space-between}.custom-modal-content button{background-color:#128c7e;border:none;border-radius:12px;color:#fff;font-size:16px;padding:10px 20px;transition:.3s;width:100%}.custom-modal-content button:hover{background-color:#075e54}
/*# sourceMappingURL=main.11ebaa12.css.map*/