@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.login-wrapper{min-height:100vh;background:#efeff4;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{background:#fff;border-radius:16px;box-shadow:0 4px 32px #0000001a;width:100%;max-width:420px;overflow:hidden}.login-card__header{background:var(--tg-primary);padding:40px 32px 32px;display:flex;flex-direction:column;align-items:center;gap:12px}.login-card__title{color:#fff;font-size:24px;font-weight:700;margin:0}.login-card__subtitle{color:#fffc;font-size:14px;font-weight:400;text-align:center;margin:0;line-height:1.5}.login-card__body{padding:28px 32px 24px;display:flex;flex-direction:column;gap:16px}.login-submit-btn{width:100%;padding:14px;background:var(--tg-primary);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s;margin-top:4px}.login-submit-btn:hover:not(:disabled){background:var(--tg-primary-dark)}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-card__footer{padding:0 32px 24px;display:flex;flex-direction:column;align-items:center;gap:12px}.developer-link{display:flex;align-items:center;gap:8px;color:#8e8e93;font-size:13px;text-decoration:none;padding:6px 12px;border-radius:8px;transition:background .15s}.developer-link:hover{background:#efeff4}.footer-copyright{text-align:center}.footer-copyright p,.footer-copyright span{color:#8e8e93;font-size:12px;font-weight:300;line-height:1.4;display:block}.ss-wrap{position:relative;width:100%;font-family:Poppins,sans-serif}.ss-label{margin-bottom:6px;font-size:13px;font-weight:500;color:#6b7280;letter-spacing:.01em}.ss-required{color:#ef4444}.ss-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;-webkit-user-select:none;user-select:none;min-height:42px}.ss-trigger:hover{border-color:var(--tg-primary, #2AABEE);background:#fafbff}.ss-open .ss-trigger{border-color:var(--tg-primary, #2AABEE);box-shadow:0 0 0 3px #2aabee1f;background:#fff}.ss-disabled .ss-trigger{opacity:.55;cursor:not-allowed;background:#f9fafb}.ss-value{font-size:14px;font-weight:500;color:#111827;line-height:1.4;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-placeholder{color:#9ca3af;font-weight:400}.ss-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.ss-clear-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:#f3f4f6;border-radius:50%;color:#6b7280;cursor:pointer;padding:0;transition:background .15s,color .15s;flex-shrink:0}.ss-clear-btn:hover{background:#fee2e2;color:#ef4444}.ss-chevron{display:flex;align-items:center;color:#9ca3af;transition:transform .22s cubic-bezier(.4,0,.2,1);flex-shrink:0}.ss-open .ss-chevron{transform:rotate(180deg);color:var(--tg-primary, #2AABEE)}.ss-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #0000001a,0 2px 8px #0000000f;z-index:200;overflow:hidden;opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;transition:opacity .18s ease,transform .18s cubic-bezier(.4,0,.2,1)}.ss-dropdown-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.ss-search-wrap{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #f3f4f6;background:#fafafa}.ss-search-icon{color:#9ca3af;flex-shrink:0}.ss-search-input{flex:1;border:none;background:transparent;outline:none;font-size:13px;font-family:inherit;color:#111827;padding:0}.ss-search-input::placeholder{color:#9ca3af}.ss-search-clear{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:#e5e7eb;border-radius:50%;color:#6b7280;cursor:pointer;padding:0;transition:background .15s;flex-shrink:0}.ss-search-clear:hover{background:#d1d5db}.ss-list{max-height:220px;overflow-y:auto;padding:4px 0}.ss-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px;color:#9ca3af;font-size:13px}.ss-option{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;cursor:pointer;font-size:14px;color:#374151;font-weight:400;transition:background .13s ease,color .13s ease;border-radius:0}.ss-option:hover{background:#f0f9ff;color:#1d4ed8}.ss-option-selected{background:#eff6ff;color:var(--tg-primary, #2AABEE);font-weight:600}.ss-option-selected:hover{background:#dbeafe;color:var(--tg-primary, #2AABEE)}.ss-option-disabled{color:#d1d5db;cursor:not-allowed;pointer-events:none}.ss-option-label{flex:1}.ss-check{color:var(--tg-primary, #2AABEE);flex-shrink:0}.ss-error{margin-top:5px;font-size:12px;color:#ef4444}.ss-list::-webkit-scrollbar{width:4px}.ss-list::-webkit-scrollbar-track{background:transparent}.ss-list::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}.ss-list::-webkit-scrollbar-thumb:hover{background:#d1d5db}.custom-select{position:relative;width:100%;box-shadow:0 6px 58px #c4cbd61a}.custom-select-label{margin-bottom:10px;color:#00000080;font-size:15px;font-style:normal;font-weight:300;line-height:24px}.custom-select-label span{color:#ff000080}.select-header{display:flex;align-items:center;justify-content:space-between;background:var(--tg-section-bg);padding:15px;border-radius:12px;box-shadow:0 6px 58px #c4cbd61a;cursor:pointer;transition:all .2s ease;border:1px solid var(--tg-section-bg)}.custom-select:hover .select-header{background:#fff;border-color:var(--tg-primary)}.selected-value{color:#000;font-size:18px;font-style:normal;font-weight:400;line-height:24px}.selected-value.placeholder-style{color:#0003}.arrow{color:#000;font-size:12px;transition:transform .2s ease}.arrow.open{transform:rotate(180deg)}.select-options{position:absolute;top:calc(100% + 8px);left:0;right:0;background-color:#fff;box-shadow:0 6px 58px #c4cbd61a;z-index:10;max-height:300px;overflow-y:auto;border:1px solid #e8e8e9;border-radius:12px}.option{padding:16px 15px;cursor:pointer;transition:all .2s ease;font-size:18px;font-style:normal;font-weight:400;line-height:24px;color:#000;border:1px solid transparent;border-bottom-color:#e8e8e9;border-top-color:#e8e8e9}.option:first-child{border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-color:transparent}.option:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top-color:transparent}.option .disabled{color:#00000080;cursor:not-allowed}.option:hover{background:#fff;border-color:var(--tg-primary)}.option.selected{background-color:#2aabee26;color:var(--tg-primary)}.disabled .select-header{cursor:not-allowed}.select-options::-webkit-scrollbar{width:6px}.select-options::-webkit-scrollbar-track{background:#f3f3f4;border-radius:3px}.select-options::-webkit-scrollbar-thumb{background:#c4cbd6;border-radius:3px}.select-options::-webkit-scrollbar-thumb:hover{background:#a8b1c0}.custom-input{position:relative;width:100%;box-shadow:0 6px 58px #c4cbd61a;display:block}.custom-input-label{margin-bottom:10px;color:#00000080;font-size:15px;font-style:normal;font-weight:300;line-height:24px}.custom-input-label span{color:#ff000080}.input-wrapper{position:relative;display:flex}.input{width:100%;background:var(--tg-section-bg);padding:15px;border-radius:12px;border:1px solid transparent;font-size:18px;font-style:normal;font-weight:400;line-height:24px;color:#000;transition:all .2s ease;box-shadow:0 6px 58px #c4cbd61a;resize:vertical;max-height:250px;min-height:40px}.input.with-left{border-top-left-radius:0;border-bottom-left-radius:0}.input.with-right{padding-right:48px}.input-section{display:flex;align-items:center;justify-content:center;background:var(--tg-section-bg);transition:all .2s ease}.input-section.left{border-top-left-radius:12px;border-bottom-left-radius:12px}.input-section.right{position:absolute;right:0;top:0;bottom:0;width:48px;background:transparent;border-radius:0 12px 12px 0}.input-section.right:hover{background:transparent}.input-section:hover{background:#e2e2e7}.input::placeholder{color:#0000004d}.input:hover{background:#e2e2e7}.input:focus{background:#fff;border-color:var(--tg-primary);outline:none}.input.error{border-color:#ff000080}.error-message{margin-top:8px;color:#ff000080;font-size:14px;font-style:normal;font-weight:300;line-height:20px;white-space:pre-wrap}.disabled{opacity:.6;cursor:not-allowed}.disabled .input,.disabled .input-section{cursor:not-allowed}.input::placeholder{color:#0003}.sidebar{width:280px;min-width:280px;height:100dvh;background:#fff;border-right:1px solid var(--tg-separator);display:flex;flex-direction:column;overflow:hidden;transition:width .22s ease,min-width .22s ease;position:sticky;top:0;flex-shrink:0}.sidebar--collapsed{width:72px;min-width:72px}.sidebar__logo{display:flex;align-items:center;gap:12px;padding:0 16px;height:56px;border-bottom:1px solid var(--tg-separator);overflow:hidden;flex-shrink:0}.sidebar__logo-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar__logo-icon svg{transition:width .22s ease,height .22s ease}.sidebar__logo .logo-text{font-weight:700;font-size:17px;color:#000;white-space:nowrap;opacity:1;transition:opacity .18s ease}.sidebar__logo .logo-text--hidden{opacity:0;pointer-events:none}.sidebar__nav{display:flex;flex-direction:column;gap:2px;padding:10px 8px;flex:1;overflow-y:auto}.sidebar__link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:#555;text-decoration:none;font-size:14px;font-weight:500;transition:background .15s,color .15s;overflow:hidden;white-space:nowrap}.sidebar__link:hover{background:var(--tg-section-bg);color:#000}.sidebar__link--active{color:var(--tg-primary);background:var(--tg-primary-light);font-weight:600}.sidebar__link-icon{display:flex;align-items:center;flex-shrink:0}.sidebar__link-text{overflow:hidden;text-overflow:ellipsis}.sidebar__bottom{border-top:1px solid var(--tg-separator);padding:8px;display:flex;flex-direction:column;gap:4px}.sidebar__collapse-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;border-radius:8px;cursor:pointer;color:#8e8e93;font-size:13px;font-family:Poppins,sans-serif;transition:background .15s}.sidebar__collapse-btn:hover{background:var(--tg-section-bg)}.sidebar__logout-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:var(--tg-section-bg);border-radius:10px;cursor:pointer;font-family:Poppins,sans-serif;transition:background .15s;overflow:hidden}.sidebar__logout-btn:hover{background:#e2e2e7}.sidebar__avatar{width:32px;height:32px;border-radius:50%;background:var(--tg-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.sidebar__username{font-size:14px;font-weight:500;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;text-align:left}.burger-btn{display:none;position:fixed;left:16px;top:14px;z-index:10;background:#fff;border:none;border-radius:8px;width:40px;height:40px;box-shadow:0 2px 8px #00000014;align-items:center;justify-content:center;cursor:pointer;flex-direction:column;gap:4px;padding:8px}.burger-btn span{display:block;width:22px;height:2px;background:var(--tg-primary);border-radius:2px}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:99}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:0;z-index:100;transform:translate(-100%);transition:transform .25s ease,width .22s ease}.sidebar--mobile-open{transform:translate(0)}.sidebar-overlay{display:block}.burger-btn{display:flex}}.table-container{width:100%;overflow-x:auto}.table{width:100%;border-collapse:separate;border-spacing:0}.table th,.table td{padding:11px 16px;text-align:left;font-size:14px}.table th{background:#f7f8fa;font-weight:600;font-size:13px;color:#8e8e93;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;position:relative;border-bottom:1px solid #E5E5EA;white-space:nowrap}.table th:first-child{border-radius:10px 0 0}.table th:last-child{border-radius:0 10px 0 0}.table th.sortable:hover{background:#ededf0}.sort-icon{margin-left:4px;display:inline-flex;align-items:center;vertical-align:middle;opacity:0}.sort-icon.visible{opacity:1}.sort-icon.up{color:#2aabee}.sort-icon.down{color:#ff3b30}.table tbody tr{transition:background .15s ease}.table tbody tr:hover{background:#f2f8fe}.table tbody tr.clickable:hover{cursor:pointer;background:#e8f4fd}.table td{border-bottom:1px solid #F2F2F7;color:#1c1c1e}.table tbody tr:last-child td{border-bottom:none}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:8px 0}.pagination button,.pagination-btn{min-width:36px;height:36px;padding:0 12px;border:none;background:#f2f2f7;color:#1c1c1e;cursor:pointer;border-radius:10px;font-size:14px;font-weight:600;transition:all .18s ease;font-family:inherit}.pagination button:hover:not(:disabled),.pagination-btn:hover:not(:disabled){background:#2aabee;color:#fff}.pagination button:disabled,.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination button.active,.pagination-btn.active{background:#2aabee;color:#fff}.pagination span{font-size:14px;color:#8e8e93;font-weight:500}.pagination-info{display:flex;flex-direction:column;align-items:center;gap:2px}.total-count{font-size:12px;color:#8e8e93}.sort-indicator{margin-left:6px;color:#2aabee;font-weight:700}.table-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background:#fff;border-radius:14px}.spinner{width:28px;height:28px;border:2.5px solid #E5E5EA;border-top-color:#2aabee;border-radius:50%;animation:spin .7s linear infinite;margin-bottom:12px}.table-loading p{margin:0;color:#8e8e93;font-size:13px}@keyframes skeleton-pulse{0%{opacity:.12}50%{opacity:.25}to{opacity:.12}}.skeleton-row td{padding:13px 16px}.skeleton-cell{height:14px;border-radius:8px;background:#c8c7cc;animation:skeleton-pulse 1.2s ease-in-out infinite;width:70%}.skeleton-row:nth-child(odd) .skeleton-cell{width:85%}.skeleton-row:nth-child(3n) .skeleton-cell{width:55%}.page-header .input-wrapper{height:40px}.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;padding:20px;border-bottom:1px solid var(--tg-separator);background:var(--tg-section-bg)}.stats-card{display:flex;align-items:center;gap:14px;background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 1px 4px #00000012;border:1px solid rgba(0,0,0,.05);cursor:pointer;transition:box-shadow .18s ease,transform .18s ease;min-width:0}.stats-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.stats-card .icon-box{width:50px;height:50px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.stats-card .info{display:flex;flex-direction:column;gap:3px;min-width:0}.stats-card .info span{color:var(--tg-secondary-text);font-size:12px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-card .info p{color:var(--tg-text);font-size:18px;font-weight:700;line-height:1.2;letter-spacing:-.3px;white-space:pre-wrap;word-break:break-word}.dash-tabs{display:flex;border-bottom:1px solid var(--tg-separator);padding:0 16px;background:#fff;gap:0;overflow-x:auto;scrollbar-width:none}.dash-tabs::-webkit-scrollbar{display:none}.dash-tab{padding:13px 16px;border:none;background:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--tg-secondary-text);position:relative;transition:color .15s ease;white-space:nowrap;flex-shrink:0;font-family:Poppins,sans-serif}.dash-tab:after{content:"";position:absolute;bottom:-1px;left:50%;right:50%;height:2px;background:var(--tg-primary);border-radius:2px 2px 0 0;transition:left .2s ease,right .2s ease}.dash-tab.active{color:var(--tg-primary)}.dash-tab.active:after{left:12px;right:12px}.dash-tab:hover:not(.active){color:#374151}.dash-tab-link{padding:13px 16px;border:none;background:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--tg-secondary-text);white-space:nowrap;flex-shrink:0;font-family:Poppins,sans-serif;display:flex;align-items:center;gap:6px;transition:color .15s ease}.dash-tab-link:hover{color:var(--tg-primary)}.dash-content{background:#fff;flex:1}.dash-content-inner{padding:16px 20px}.dash-page-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#fff;border-bottom:1px solid var(--tg-separator)}.dash-page-title{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:600;color:var(--tg-text)}.dash-loading-bar{display:flex;align-items:center;gap:8px;color:var(--tg-secondary-text);font-size:13px}.dash-filters{display:flex;gap:12px;padding:12px 20px;border-bottom:1px solid var(--tg-separator);background:var(--tg-section-bg)}.dash-product-tables{padding:16px 20px}.dash-product-tables h2{font-size:16px;font-weight:600;color:var(--tg-text);margin-bottom:16px}.dash-product-tables h3{font-size:13px;font-weight:500;color:var(--tg-secondary-text);margin-bottom:10px;margin-top:20px}.dashboard-model-table{min-height:83%;overflow-y:auto;margin-top:10px}.chart-container{flex:1;margin-bottom:40px;padding:20px;min-width:400px}.chart-container h3{color:var(--tg-text);font-size:16px;font-weight:600}.chart-container p{color:var(--tg-secondary-text);font-size:14px;font-weight:400}.charts{display:flex;flex-wrap:wrap;overflow:hidden}.charts>div{border-right:1px solid var(--tg-separator)}.charts .recharts-tooltip-item{padding:0!important}.tooltip-custome{position:absolute;min-width:120px;transform:translate(-50%);min-height:58px;display:flex;flex-direction:column;justify-content:center;background-color:#000;border-radius:8px;align-items:center;padding:2px 10px}.tooltip-custome ul li{display:flex;align-items:center;justify-content:center;gap:10px}.tooltip-custome ul li svg{width:24px;min-width:24px;height:14px;min-height:14px;width:auto}.tooltip-custome ul li span{color:#fff;font-size:20px;font-weight:600;letter-spacing:-.12px;text-align:center}.debtors-controls{display:flex;align-items:center;gap:12px;margin-bottom:12px}.debtors-controls .excel-export-btn{background-color:#22c55e;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:background-color .2s;font-family:Poppins,sans-serif}.debtors-controls .excel-export-btn:hover:not(:disabled){background-color:#16a34a}.debtors-controls .excel-export-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.debtors-controls .filter-toggle-btn{background-color:var(--tg-primary);color:#fff;border:none;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s;font-family:Poppins,sans-serif}.debtors-controls .filter-toggle-btn:hover{background-color:var(--tg-primary-dark)}.debtors-title{color:var(--tg-text);font-size:16px;font-weight:600;padding:16px 20px 8px}.row-warehouse{display:flex;min-height:100%}.row-warehouse .page-details{flex:1}.row-warehouse .title-page{color:#000;font-size:20px;font-weight:600;line-height:24px;padding:20px 40px}.row-warehouse .driwer-form{position:fixed;z-index:2;top:0;bottom:0;left:0;border-left:1px solid #e6e6e6;display:flex;flex-direction:column;align-items:flex-end;right:-100%;opacity:0;pointer-events:none;transition:.3s ease}.row-warehouse .driwer-form .page-header{position:sticky;top:0;background-color:#fff;z-index:2}.row-warehouse .driwer-form.opened{right:0%;opacity:1;pointer-events:all}.row-warehouse .driwer-form:after{content:"";top:0;right:0;bottom:0;left:0;position:absolute;background-color:#0006}.row-warehouse .form-body{background-color:#fff;display:flex;height:100%;flex-direction:column;gap:20px;min-width:600px;position:relative;z-index:1;max-height:100dvh;overflow-y:auto;padding-bottom:30px}.row-warehouse .form-body .products-list{display:flex;justify-content:center;gap:20px;padding:0 30px;flex-direction:column}.row-warehouse .form-body .row-form{display:flex;gap:20px;padding:0 30px}.row-warehouse .form-body .row-form:has(.btn){justify-content:flex-end}.row-warehouse .form-body .row-form:has(.btn) .btn{padding:16px 40px}.row-warehouse .images-cell{display:flex;gap:10px}.row-warehouse .images-cell img{width:60px;height:60px;object-fit:contain}.row-warehouse .filters-container{background:#fff;border-radius:8px;padding:16px;display:flex;width:100%;margin-bottom:16px;flex-wrap:wrap;gap:16px;box-shadow:0 2px 4px #0000001a}.row-warehouse .filters-container .row-form{display:flex;width:100%;gap:16px}.switch-wrapper{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;gap:8px}.switch-wrapper.switch-disabled{opacity:.5;cursor:not-allowed}.switch-container{position:relative;display:inline-flex;align-items:center}.switch-root{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.switch-input{display:none}.switch-slider{width:38px;height:22px;background:#ccc;border-radius:22px;position:relative;transition:background .2s;margin-right:8px;box-sizing:border-box}.switch-slider:before{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 4px #00000014}.switch-input:checked+.switch-slider{background:var(--tg-primary)}.switch-input:checked+.switch-slider:before{transform:translate(16px)}.switch-label{font-size:15px;color:#222;margin-left:4px}[data-rmiz-ghost]{position:absolute;pointer-events:none}[data-rmiz-btn-zoom],[data-rmiz-btn-unzoom]{background-color:#000000b3;border-radius:50%;border:none;box-shadow:0 0 1px #ffffff80;color:#fff;height:40px;margin:0;outline-offset:2px;padding:9px;touch-action:manipulation;width:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none}[data-rmiz-btn-zoom]:not(:focus):not(:active){position:absolute;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;pointer-events:none;white-space:nowrap;width:1px}[data-rmiz-btn-zoom]{position:absolute;inset:10px 10px auto auto;cursor:zoom-in}[data-rmiz-btn-unzoom]{position:absolute;inset:20px 20px auto auto;cursor:zoom-out;z-index:1}[data-rmiz-content=found] img,[data-rmiz-content=found] svg,[data-rmiz-content=found] [role=img],[data-rmiz-content=found] [data-zoom]{cursor:zoom-in}[data-rmiz-modal]::backdrop{display:none}[data-rmiz-modal][open]{position:fixed;width:100vw;width:100dvw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden}[data-rmiz-modal-overlay]{position:absolute;top:0;right:0;bottom:0;left:0;transition:background-color .3s}[data-rmiz-modal-overlay=hidden]{background-color:#fff0}[data-rmiz-modal-overlay=visible]{background-color:#fff}[data-rmiz-modal-content]{position:relative;width:100%;height:100%}[data-rmiz-modal-img]{position:absolute;cursor:zoom-out;image-rendering:high-quality;transform-origin:top left;transition:transform .3s}@media (prefers-reduced-motion: reduce){[data-rmiz-modal-overlay],[data-rmiz-modal-img]{transition-duration:.01ms!important}}.sms-page{padding:20px;max-width:1400px;margin:0 auto}.page-header{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e9ecef}.page-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.page-header h1{margin:0 0 5px;font-size:2rem;color:#2c3e50}.page-header p{margin:0;color:#6c757d;font-size:.95rem}.header-collapse-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e9ecef;border-radius:6px;background:#fff;color:#6c757d;cursor:pointer;transition:all .2s;flex-shrink:0}.header-collapse-btn:hover{background:#f8f9fa;border-color:#2aabee;color:#2aabee}.header-content{max-height:200px;overflow:hidden;transition:max-height .3s ease-out,opacity .3s ease-out,margin .3s ease-out,padding .3s ease-out;opacity:1}.header-content.collapsed{max-height:0;opacity:0;margin:0;padding:0;overflow:hidden}.user-badge{display:flex;align-items:center;gap:8px;margin-top:8px}.user-name{font-size:.875rem;color:#495057;font-weight:500}.user-status{padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase}.user-status.active{background-color:#d4edda;color:#155724}.vip-badge{background:linear-gradient(45deg,gold,#ffed4e);color:#333;padding:2px 6px;border-radius:8px;font-size:.7rem;font-weight:700;text-transform:uppercase}.header-actions{display:flex;gap:12px;align-items:center}.connection-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid;border-radius:6px;background:#fff;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.connection-btn.connected{border-color:#28a745;color:#28a745}.connection-btn.connected:hover{background:#28a745;color:#fff}.connection-btn.disconnected{border-color:#dc3545;color:#dc3545}.connection-btn.disconnected:hover{background:#dc3545;color:#fff}.stats-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #007bff;border-radius:6px;background:#fff;color:#007bff;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.stats-btn:hover{background:#007bff;color:#fff}.refresh-btn,.export-btn,.templates-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #6c757d;border-radius:6px;background:#fff;color:#6c757d;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.refresh-btn:hover{background:#6c757d;color:#fff}.export-btn{border-color:#28a745;color:#28a745}.export-btn:hover{background:#28a745;color:#fff}.templates-btn{border-color:#17a2b8;color:#17a2b8}.templates-btn:hover{background:#17a2b8;color:#fff}.reports-btn{border-color:#6f42c1;color:#6f42c1}.reports-btn:hover{background:#6f42c1;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{display:flex;align-items:center;gap:16px;padding:24px;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 4px #00000005;transition:all .2s}.stat-card:hover{box-shadow:0 4px 8px #00000014;transform:translateY(-2px)}.stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#2aabee,#1a7cc5);color:#fff}.stat-content h3{margin:0 0 4px;font-size:1.5rem;font-weight:700;color:#2c3e50}.stat-content p{margin:0;color:#6c757d;font-size:.875rem}.action-buttons{display:flex;gap:12px;margin-bottom:30px;flex-wrap:wrap}.primary-btn,.secondary-btn,.tertiary-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none}.primary-btn{background:linear-gradient(135deg,#2aabee,#1a7cc5);color:#fff;box-shadow:0 2px 4px #667eea4d}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #667eea66}.secondary-btn{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;box-shadow:0 2px 4px #f093fb4d}.secondary-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #f093fb66}.tertiary-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;box-shadow:0 2px 4px #4facfe4d}.tertiary-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #4facfe66}.filters-section{margin-bottom:30px;padding:20px;background:#fff;border:1px solid #e9ecef;border-radius:12px}.filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;align-items:end}.date-input{padding:8px 12px;border:1px solid #ced4da;border-radius:6px;font-size:.875rem;transition:border-color .2s}.date-input:focus{outline:none;border-color:#2aabee;box-shadow:0 0 0 2px #667eea1a}.clear-btn{padding:8px 16px;border:1px solid #6c757d;border-radius:6px;background:#fff;color:#6c757d;cursor:pointer;font-size:.875rem;transition:all .2s}.clear-btn:hover{background:#6c757d;color:#fff}.table-section{background:#fff;border:1px solid #e9ecef;border-radius:12px;overflow:hidden}.table-section h2{margin:0;padding:20px 24px;font-size:1.25rem;color:#2c3e50;border-bottom:1px solid #e9ecef}.actions-row{display:flex;gap:8px}.actions-row button{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;border:1px solid #e9ecef;border-radius:6px;background:#fff;color:#6c757d;cursor:pointer;transition:all .2s}.actions-row button:hover[style*="color: #dc3545"]{background:#dc3545;color:#fff;border-color:#dc3545}.sms-form{display:flex;flex-direction:column;gap:20px}.textarea-wrapper{display:flex;flex-direction:column;gap:8px}.textarea-wrapper label{font-weight:500;color:#374151;font-size:.875rem}.textarea-wrapper textarea{padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .2s}.textarea-wrapper textarea:focus{outline:none;border-color:#2aabee;box-shadow:0 0 0 2px #667eea1a}.textarea-wrapper textarea.error{border-color:#ef4444}.char-counter{font-size:.75rem;color:#6b7280;text-align:right}.error-message{color:#ef4444;font-size:.75rem;font-weight:500}.submit-btn{padding:12px 24px;background:linear-gradient(135deg,#2aabee,#1a7cc5);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;margin-top:8px}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.recipient-row{padding:20px;border:1px solid #e9ecef;border-radius:8px;background:#f8f9fa;position:relative}.recipient-row h4{margin:0 0 16px;color:#495057;font-size:1rem}.add-recipient-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px dashed #6c757d;border-radius:6px;background:#fff;color:#6c757d;cursor:pointer;font-size:.875rem;transition:all .2s;width:100%;justify-content:center}.add-recipient-btn:hover{border-color:#495057;color:#495057;background:#f8f9fa}.remove-recipient-btn{position:absolute;top:12px;right:12px;padding:6px 12px;border:1px solid #dc3545;border-radius:4px;background:#fff;color:#dc3545;cursor:pointer;font-size:.75rem;transition:all .2s}.remove-recipient-btn:hover{background:#dc3545;color:#fff}.sms-details{display:flex;flex-direction:column;gap:16px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f1f3f4}.detail-row:last-child{border-bottom:none}.detail-row strong{color:#374151;font-weight:500;min-width:140px}.detail-row span{flex:1;text-align:right;color:#6b7280}.statistics-content{display:flex;flex-direction:column;gap:24px}.stats-summary h3,.status-stats h3{margin:0 0 16px;color:#2c3e50;font-size:1.1rem}.summary-grid,.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.summary-item,.status-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px}.summary-item span,.status-item span{color:#6c757d;font-size:.875rem}.summary-item strong,.status-item strong{color:#2c3e50;font-weight:600}@keyframes pulse{0%{box-shadow:0 0 #667eea66}70%{box-shadow:0 0 0 10px #667eea00}to{box-shadow:0 0 #667eea00}}.primary-btn:active{animation:pulse .3s}.submit-btn:disabled{background:#9ca3af;cursor:not-allowed}.sms-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:16px;margin-bottom:12px;transition:all .2s;box-shadow:0 2px 4px #00000005}.sms-card:hover{box-shadow:0 4px 8px #00000014;transform:translateY(-1px)}.sms-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.phone-info{display:flex;align-items:center;gap:8px}.phone-number{font-weight:500;color:#2c3e50}.status-indicator{width:8px;height:8px;border-radius:50%}.sms-card-body{margin-bottom:16px}.message-preview{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px}.message-preview p{margin:0;color:#495057;font-size:.875rem;line-height:1.4}.sms-meta{display:flex;gap:16px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:4px;color:#6c757d;font-size:.75rem}.sms-card-actions{display:flex;gap:8px;flex-wrap:wrap}.card-action-btn{padding:6px 12px;border:1px solid;border-radius:6px;background:#fff;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s}.details-btn{border-color:#007bff;color:#007bff}.details-btn:hover{background:#007bff;color:#fff}.refresh-btn{border-color:#28a745;color:#28a745}.refresh-btn:hover{background:#28a745;color:#fff}.delete-btn{border-color:#dc3545;color:#dc3545}.delete-btn:hover{background:#dc3545;color:#fff}.sms-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px;margin-top:20px}.sms-templates{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:20px;margin-bottom:24px}.templates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.templates-header h3{margin:0;color:#2c3e50;font-size:1.1rem}.add-template-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #2AABEE;border-radius:6px;background:#fff;color:#2aabee;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.add-template-btn:hover{background:#2aabee;color:#fff}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.template-card{border:1px solid #e9ecef;border-radius:8px;padding:16px;background:#f8f9fa;transition:all .2s}.template-card:hover{border-color:#2aabee;box-shadow:0 2px 8px #667eea1a}.template-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.template-header h4{margin:0;color:#2c3e50;font-size:.95rem;font-weight:600}.template-message{color:#495057;font-size:.875rem;line-height:1.4;margin-bottom:12px;padding:8px;background:#fff;border-radius:4px;border:1px solid #dee2e6}.template-variables{margin-bottom:12px}.template-variables>span{font-size:.75rem;color:#6c757d;font-weight:500}.variables-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.variable-tag{background:#e9ecef;color:#495057;padding:2px 6px;border-radius:4px;font-size:.7rem;font-family:monospace}.template-actions{display:flex;gap:8px;align-items:center}.use-template-btn{flex:1;padding:6px 12px;border:1px solid #28a745;border-radius:4px;background:#fff;color:#28a745;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s}.use-template-btn:hover{background:#28a745;color:#fff}.edit-template-btn,.delete-template-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid;border-radius:4px;background:#fff;cursor:pointer;transition:all .2s}.edit-template-btn{border-color:#007bff;color:#007bff}.edit-template-btn:hover{background:#007bff;color:#fff}.delete-template-btn{border-color:#dc3545;color:#dc3545}.delete-template-btn:hover{background:#dc3545;color:#fff}.template-form{display:flex;flex-direction:column;gap:16px}.detected-variables{display:flex;flex-direction:column;gap:8px}.detected-variables label{font-size:.875rem;font-weight:500;color:#374151}.variables-preview{display:flex;flex-wrap:wrap;gap:6px}.variable-preview{background:#2aabee;color:#fff;padding:4px 8px;border-radius:12px;font-size:.75rem;font-family:monospace}.template-help{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:12px}.template-help h5{margin:0 0 8px;color:#495057;font-size:.875rem}.template-help ul{margin:0;padding-left:16px}.template-help li{color:#6c757d;font-size:.8rem;margin-bottom:4px}.save-template-btn{padding:10px 20px;background:linear-gradient(135deg,#2aabee,#1a7cc5);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.save-template-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.templates-content{max-height:70vh;overflow-y:auto}.templates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e9ecef}.templates-header h3{margin:0;color:#495057}.create-template-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.create-template-btn:hover{background:#0056b3}.templates-list{margin-bottom:30px}.template-item{display:flex;justify-content:space-between;align-items:flex-start;padding:15px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:12px}.template-content h4{margin:0 0 8px;color:#495057;font-size:.9rem}.template-content p{margin:0;color:#6c757d;font-size:.875rem;line-height:1.4}.template-actions{flex-shrink:0;margin-left:15px}.use-template-btn{padding:6px 12px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s}.use-template-btn:hover{background:#218838}.user-info-section{border-top:1px solid #e9ecef;padding-top:20px;margin-top:20px}.user-info-section h3{margin:0 0 15px;color:#495057}.user-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border:1px solid #e9ecef;border-radius:6px}.info-item span{color:#6c757d;font-size:.875rem}.info-item strong{color:#495057;font-size:.875rem}.message-info{margin-top:8px}.char-counter{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#6c757d}.parts-info{color:#007bff;font-weight:500}.blacklist-warning{background:#f8d7da;color:#721c24;padding:4px 8px;border-radius:4px;font-size:.8rem;margin-top:4px}.cost-info{color:#28a745;font-size:.8rem;font-weight:500;margin-top:4px}.reports-content{max-height:70vh;overflow-y:auto}.reports-period h3{margin:0 0 20px;color:#495057;border-bottom:2px solid #007bff;padding-bottom:10px}.reports-summary{display:flex;flex-direction:column;gap:25px}.summary-section{background:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #007bff}.summary-section h4{margin:0 0 15px;color:#495057;font-size:1.1rem}.monthly-breakdown{display:flex;flex-direction:column;gap:10px}.month-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#fff;border-radius:6px;border:1px solid #e9ecef}.month-stats{display:flex;gap:15px;font-size:.875rem;color:#6c757d}.account-info{background:#fff;padding:15px;border-radius:6px;border:1px solid #e9ecef}.balance-info{display:flex;justify-content:space-between;align-items:center;font-size:1.1rem}.balance-info strong{color:#28a745;font-size:1.2rem}.export-buttons{display:flex;gap:10px;margin-top:20px;justify-content:flex-end}.export-btn{padding:8px 16px;border:1px solid #28a745;background:#fff;color:#28a745;border-radius:4px;font-size:.875rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:5px}.export-btn:hover{background:#28a745;color:#fff;transform:translateY(-1px)}.help-text{margin-top:10px;padding:12px;background:#f8f9fa;border-radius:6px;border-left:4px solid #007bff}.help-text p{margin:0 0 8px;font-weight:500;color:#495057}.help-text ul{margin:0;padding-left:20px;list-style-type:disc}.help-text li{margin:4px 0;font-size:.875rem;color:#6c757d}.help-text li code,.help-text li strong{background:#e9ecef;padding:2px 4px;border-radius:3px;font-family:monospace;color:#495057}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.cancel-btn{padding:10px 20px;border:1px solid #6c757d;background:#fff;color:#6c757d;border-radius:4px;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:#6c757d;color:#fff}.create-template-btn{padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.875rem;transition:all .2s}.create-template-btn:hover{background:#0056b3;transform:translateY(-1px)}.templates-list{display:flex;flex-direction:column;gap:15px;margin:20px 0}.template-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:15px;transition:all .2s}.template-item:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff1a}.template-item.inactive{opacity:.6;background:#f8f9fa}.template-header-row{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.template-content h4{margin:0;color:#495057;font-size:1rem;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.status-badge.service{background:#cfe2ff;color:#084298}.status-badge.reklama{background:#fff3cd;color:#856404}.template-text{margin-bottom:12px}.template-label{font-size:.75rem;font-weight:600;color:#6c757d;margin-bottom:4px;text-transform:uppercase}.template-text-content{color:#495057;font-size:.875rem;line-height:1.5;margin:0;padding:8px;background:#f8f9fa;border-radius:4px;border:1px solid #e9ecef;white-space:pre-wrap;word-break:break-word}.template-text-content.original{background:#fff3cd;border-color:#ffc107}.template-comment{margin:12px 0;padding:8px;background:#e7f3ff;border-left:3px solid #007bff;border-radius:4px;font-size:.875rem;color:#495057}.template-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid #e9ecef}.template-meta small{color:#6c757d;font-size:.75rem}.template-operators{margin-top:12px;padding-top:12px;border-top:1px solid #e9ecef}.template-operators strong{display:block;margin-bottom:8px;font-size:.75rem;color:#6c757d;text-transform:uppercase}.operators-list{display:flex;flex-wrap:wrap;gap:6px}.operator-tag{display:inline-block;padding:4px 8px;background:#e9ecef;color:#495057;border-radius:4px;font-size:.7rem;font-weight:500}.operator-tag.disabled{opacity:.5;text-decoration:line-through}.template-content p{margin:0 0 8px;color:#6c757d;line-height:1.4}.template-content small{color:#adb5bd;font-size:.75rem}.toggle-active-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid;border-radius:4px;background:#fff;cursor:pointer;transition:all .2s}.toggle-active-btn.active{border-color:#28a745;color:#28a745}.toggle-active-btn.active:hover{background:#28a745;color:#fff}.toggle-active-btn.inactive{border-color:#6c757d;color:#6c757d}.toggle-active-btn.inactive:hover{background:#6c757d;color:#fff}.use-template-btn:disabled{opacity:.5;cursor:not-allowed}.use-template-btn:disabled:hover{background:#28a745;color:#fff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.input-wrapper{display:flex;flex-direction:column;gap:6px}.input-wrapper label{font-size:.875rem;font-weight:500;color:#495057}.input-wrapper select,.input-wrapper input{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:.875rem;transition:border-color .2s}.input-wrapper select:focus,.input-wrapper input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.template-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.use-template-btn{padding:6px 12px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s}.use-template-btn:hover{background:#218838;transform:translateY(-1px)}.delete-template-btn{padding:6px 8px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;transition:all .2s}.delete-template-btn:hover{background:#c82333;transform:translateY(-1px)}.no-templates{text-align:center;padding:40px 20px;color:#6c757d}.create-first-template-btn{padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-top:15px;transition:all .2s}.create-first-template-btn:hover{background:#0056b3;transform:translateY(-1px)}.templates-header{flex-direction:column;align-items:flex-start;gap:12px}.add-template-btn{width:100%;justify-content:center}.template-actions{flex-direction:column}.use-template-btn{width:100%}.variables-preview{justify-content:center}.success-state{color:#059669;background-color:#d1fae5;border-color:#a7f3d0}.error-state{color:#dc2626;background-color:#fee2e2;border-color:#fecaca}.warning-state{color:#d97706;background-color:#fef3c7;border-color:#fed7aa}.tab-button{padding:10px 15px;border:1px solid #e9ecef;border-radius:4px;background:#fff;color:#495057;cursor:pointer;transition:all .2s}.tab-button:hover{background:#f1f1f1}.tab-button.active{background:linear-gradient(135deg,#2aabee,#1a7cc5);color:#fff;border-color:#2aabee}.payment-modal-content{padding:20px}.payment-modal-fields{margin-bottom:16px;padding:12px;background-color:#f8f9fa;border-radius:6px}.payment-modal-row{display:flex;gap:12px;flex-wrap:wrap}:root{--tg-primary: #2AABEE;--tg-primary-dark: #1A7CC5;--tg-primary-light: #D9EFFC;--tg-bg: #FFFFFF;--tg-section-bg: #EFEFF4;--tg-text: #000000;--tg-secondary-text: #8E8E93;--tg-separator: #C8C7CC;--tg-green: #4FAE4E;--tg-red: #FF3B30}*{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none;outline:none;font-family:Poppins,sans-serif}.app{display:flex;height:100vh;background-color:#fff;color:#000;overflow-y:auto}.route{flex:1;height:100vh;overflow-y:auto}.page-content{padding:24px 28px}.tg-paper{background:#fff;border:1px solid var(--tg-separator);border-radius:12px;padding:16px}.tg-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tg-stack{display:flex;flex-direction:column;gap:8px}.tg-divider{border:none;border-top:1px solid var(--tg-separator);margin:8px 0}@keyframes tg-spin{to{transform:rotate(360deg)}}.tg-spinner{width:20px;height:20px;border:2px solid #EFEFF4;border-top-color:var(--tg-primary);border-radius:50%;animation:tg-spin .8s linear infinite;display:inline-block;flex-shrink:0}.spinner{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}body.drawer-open .fab-root{opacity:0!important;pointer-events:none!important;transform:scale(.5)!important}.fab-root{transition:opacity .22s ease,transform .22s ease}.tg-form-body{display:flex;flex-direction:column;gap:0;padding:0 0 16px;flex:1;overflow-y:auto}.tg-section{background:#fff;margin:0 0 8px;padding:0}.tg-section:first-child{margin-top:0}.tg-section-header{display:flex;align-items:center;gap:8px;padding:12px 16px 8px;font-size:13px;font-weight:600;color:var(--tg-secondary-text);text-transform:uppercase;letter-spacing:.04em}.tg-section-header-icon{display:flex;align-items:center;flex-shrink:0}.tg-section-content{padding:0 16px 12px;display:flex;flex-direction:column;gap:12px}.tg-section-row{display:flex;align-items:stretch;gap:10px}.tg-section-info{margin:0 16px 10px;background:#f0f9ff;border-radius:10px;padding:10px 14px;font-size:13px;color:#374151;display:flex;align-items:center;gap:8px}.tg-section-footer{padding:4px 16px 14px;font-size:12px;color:var(--tg-secondary-text)}.tg-form-footer{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--tg-separator);padding:12px 16px;display:flex;gap:10px;z-index:10}.tg-chip-group{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 14px}.tg-chip{padding:6px 16px;border-radius:20px;border:1.5px solid #e5e7eb;background:#fff;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:background .15s,border-color .15s,color .15s;font-family:Poppins,sans-serif}.tg-chip:hover{border-color:var(--tg-primary);color:var(--tg-primary)}.tg-chip.active{background:var(--tg-primary);border-color:var(--tg-primary);color:#fff}.page-header{display:flex;padding:18px 24px 14px;border-bottom:1px solid var(--tg-separator);align-items:center;gap:10px;color:#000;font-size:18px;font-weight:600;line-height:24px}.page-header button{margin-left:auto;border-radius:6px;background:#0000000d;box-shadow:0 6px 58px #c4cbd61a;padding:8px 13px;border:0;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;color:#000;font-size:14px;font-style:normal;font-weight:500;transition:.3s ease}.page-header button:hover{background-color:#e6e6e6}.page-header button:active{scale:.95}.page-header button:disabled{cursor:not-allowed;opacity:.87;scale:1;background-color:#0000000d}.actions-row{display:flex;align-items:center;gap:15px}.actions-row button{background-color:transparent;border:0;cursor:pointer;transition:.25s ease}.actions-row button:active{scale:.95}.actions-row button:disabled{cursor:not-allowed;opacity:.87;scale:1;background-color:transparent}.btn{font-size:14px;font-weight:500;line-height:1.5;border-radius:8px;padding:10px 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .15s ease}.btn.primary{background:var(--tg-primary);color:#fff;border:none}.btn.primary:hover:not(:disabled){background:var(--tg-primary-dark)}.btn.secondary{background:#f1f3f5;color:#495057;border:1px solid #dee2e6}.btn.secondary:hover:not(:disabled){background:#e9ecef}