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}.creatives-list{width:100%}.error-container,.loading-container{padding:80px 40px;text-align:center}.spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-light);border:4px solid var(--border-light);border-top-color:var(--primary);height:50px;margin:0 auto 20px;width:50px}.retry-btn{background:var(--primary);border:none;border-radius:var(--radius-medium);color:#fff;cursor:pointer;font-weight:600;margin-top:16px;padding:10px 24px}.empty-table{background:var(--surface-secondary);border-radius:var(--radius-large);margin:20px 0;padding:80px 40px;text-align:center}.empty-table span{display:block;font-size:64px;margin-bottom:20px;opacity:.5}.empty-table h3{color:var(--text-primary);font-size:24px;margin:0 0 12px}.empty-table p{color:var(--text-secondary);margin-bottom:24px}.sync-btn{background:var(--primary);border:none;border-radius:var(--radius-medium);color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.sync-btn:hover{background:var(--primary-hover);box-shadow:var(--shadow-medium)}.creative-name{color:var(--text-primary);font-weight:500}.form-badge{background:var(--surface-secondary);border:1px solid var(--border);border-radius:var(--radius-small);color:var(--text-secondary);display:inline-block;font-size:12px;padding:4px 12px}.search-bar{flex:1 1;max-width:500px;position:relative}.search-input{border:2px solid #e0e0e0;border-radius:8px;font-size:15px;padding:10px 40px 10px 16px;transition:all .3s ease;width:100%}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff8c651a;outline:none}.clear-search{background:#e0e0e0;border:none;border-radius:50%;color:#666;cursor:pointer;font-size:20px;height:24px;line-height:1;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:24px}.clear-search:hover{background:#d0d0d0;color:#333}.clear-search-btn{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;margin-top:16px;padding:10px 20px}.clear-search-btn:hover{background:var(--primary-hover)}.pagination-bottom{align-items:center;background:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.pagination-info{color:#666;font-size:14px}.pagination-controls{align-items:center;display:flex;gap:8px}.pagination-controls .page-btn:disabled{cursor:not-allowed;opacity:.4}.modal-content{border-radius:8px;max-width:800px;overflow:auto}.modal-header{border-bottom:1px solid #e1e4e8;padding:24px}.modal-header h2{color:#1a1d29;font-size:24px}.modal-close{color:#586069}.modal-close:hover{background:#f1f3f4;color:#1a1d29}.contract-details{display:flex;flex-direction:column;gap:16px}.detail-row{border-bottom:1px solid #e1e4e8;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#586069;min-width:200px}.detail-value{color:#1a1d29;flex:1 1;text-align:right}@media (max-width:768px){.modal-content{max-height:95vh;width:95%}.modal-body,.modal-header{padding:16px}.detail-row{flex-direction:column;gap:6px}.detail-label{min-width:auto}.detail-value{text-align:left}}.table-options{gap:12px}.add-button{align-items:center;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:6px;padding:10px 20px;transition:all .3s ease}.add-button:hover{background:var(--primary-hover);box-shadow:0 4px 12px #ff8c654d;transform:translateY(-1px)}.add-button:active{transform:translateY(0)}.contract-form{gap:16px}.contract-form,.form-row{display:flex;flex-direction:column}.form-row{gap:8px}.form-row-split{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-row label,.form-row-split label{color:#1a1d29;display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:6px}.form-row input,.form-row select,.form-row textarea,.form-row-split input,.form-row-split select{border:1px solid #d0d7de;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s}.form-row input:focus,.form-row select:focus,.form-row textarea:focus,.form-row-split input:focus,.form-row-split select:focus{border-color:#ff8c65;box-shadow:0 0 0 3px #ff8c651a;outline:none}.form-row textarea{min-height:80px;resize:vertical}.form-actions{border-top:1px solid #e1e4e8;display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-top:16px}.btn-cancel{background:#fff;border:1px solid #d0d7de;border-radius:6px;color:#1a1d29;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-cancel:hover{background:#f6f8fa;border-color:#1a1d29}.btn-save{background:#ff8c65;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-save:hover{background:#e67a54;box-shadow:0 2px 8px #ff8c654d;transform:translateY(-1px)}.info-row{background:#f6f8fa;border:1px solid #e1e4e8;border-radius:6px;margin-bottom:12px;padding:12px 16px}.info-label{color:#586069;font-size:14px}.info-value{color:#1a1d29;font-family:monospace;font-size:13px}.form-section-title{color:#586069;font-size:14px;font-weight:500;margin-bottom:16px;margin-top:24px}@media (max-width:768px){.form-row-split{grid-template-columns:1fr}}.modal-overlay{background-color:#00000080}.modal-content{box-shadow:0 20px 60px #00000026}.modal-content,.modal-large{max-width:1000px!important}.modal-header{padding:24px 32px}.modal-header h2{color:#111827;text-align:left}.modal-close{color:#9ca3af;font-size:28px;transition:color .2s}.modal-close:hover{color:#374151}.modal-body{padding:24px 32px 32px}.form-group{margin-bottom:24px}.form-group label{font-size:14px;text-align:center}.section-label{color:#111827;font-weight:600}.form-control{background-color:#fff;border-radius:8px;color:#111827;font-size:14px;padding:12px 14px}.form-control:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}textarea.form-control{min-height:100px}.checkbox-group-horizontal{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;justify-content:flex-start}.checkbox-label{color:#374151;white-space:nowrap}.checkbox-label span{-webkit-user-select:none;user-select:none}.form-hint{background-color:#f3f4f6;border-radius:8px;color:#6b7280;line-height:1.5;margin-top:12px;padding:12px}.modal-footer{padding:16px 32px}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;height:42px;justify-content:center;padding:10px 24px;text-align:center;transition:all .2s}.btn-primary{background-color:#ff8c65}.btn-primary:hover{background-color:#e67a54}.btn-primary:disabled{background-color:#ffb199}.btn-secondary{background-color:#ecf0f1}.btn-secondary:hover{background-color:#bdc3c7}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.media-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:12px}.media-item{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .2s}.media-item:hover{border-color:#ff8c65;box-shadow:0 2px 8px #ff8c6526}.media-item img{display:block;height:150px;object-fit:cover;width:100%}.media-fallback{gap:8px;height:150px}.media-fallback-icon{font-size:48px}.media-fallback-text{color:#6b7280;font-size:12px}.media-files-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:8px}.media-file-card{background:#f8f9fb;border:1px solid #e0e4e8;border-radius:8px;padding:12px;text-align:center;transition:all .2s ease}.media-file-card:hover{border-color:#ff8c65;box-shadow:0 2px 8px #ff8c651a}.media-preview{object-fit:cover;width:100%}.media-fallback,.media-preview{border-radius:4px;height:100px;margin-bottom:8px}.media-fallback{align-items:center;background:#f0f2f5;color:#6c757d;display:flex;flex-direction:column;justify-content:center}.media-fallback span:first-child{font-size:24px;margin-bottom:4px}.media-link{background:#ff8c65;border-radius:4px;display:inline-block;font-size:12px;padding:4px 8px;transition:background-color .2s ease}.media-link,.media-link:hover{color:#fff;text-decoration:none}.media-link:hover{background:#e67c5a}.text-block{background:#f8f9fb;border-left:3px solid #ff8c65;border-radius:4px;margin:4px 0;padding:8px 12px}.creative-text{word-wrap:break-word;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;max-height:200px;overflow-y:auto;padding:12px;white-space:pre-wrap}.form-control[name=creative_text]{min-height:100px;resize:vertical}.loading-container{padding:60px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-top-color:#ff8c65;display:inline-block}.modal-overlay{animation:fadeIn .2s ease}.modal-content{box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-width:700px;overflow:hidden}.modal-large{max-width:900px}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#1f2937;font-size:20px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.modal-close:hover{background:#f3f4f6;color:#1f2937}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#374151;display:block;font-size:14px!important;font-weight:500;margin-bottom:8px}.form-control{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;color:#1f2937;font-family:inherit;font-size:15px;padding:10px 12px;transition:all .2s;width:100%}.form-control:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}textarea.form-control{min-height:80px;resize:vertical}.info-banner{align-items:center;background:linear-gradient(135deg,#e0f2fe,#dbeafe);border:1px solid #93c5fd;border-radius:8px;color:#1e3a8a;display:flex;font-size:14px!important;gap:10px;margin-bottom:20px;padding:12px 16px}.info-banner.info-light{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24;color:#78350f}.info-icon{flex-shrink:0;font-size:18px}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-label{font-size:15px}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.required{color:#ef4444;font-weight:600}.array-fields{display:flex;flex-direction:column;gap:12px}.array-field-row{align-items:flex-start;display:flex;gap:10px}.array-field-row .form-control{flex:1 1}.btn-remove{background:#fee2e2;border:none;border-radius:6px;color:#991b1b;cursor:pointer;flex-shrink:0;font-size:16px;padding:10px 16px;transition:all .2s}.btn-remove:hover{background:#fecaca}.btn-add{align-self:flex-start;background:#f0f9ff;border:1px dashed #7dd3fc;border-radius:8px;color:#0369a1;cursor:pointer;font-size:14px!important;font-weight:600;padding:10px 20px;transition:all .2s}.btn-add:hover{background:#e0f2fe;border-color:#38bdf8}.form-section{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:20px}.form-section h3{color:#374151;font-size:16px;font-weight:600;margin-bottom:16px}.info-row{padding:8px 0}.info-label,.info-row{font-size:14px!important}.info-label{color:#6b7280;font-weight:500}.info-value{color:#1f2937;font-size:14px!important}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.btn-secondary{align-items:center;background:#ecf0f1;border:none;border-radius:8px;color:#2c3e50;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;justify-content:center;padding:12px 24px;text-align:center;transition:all .2s}.btn-secondary:hover{background:#bdc3c7}.btn-primary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;justify-content:center;padding:12px 24px;transition:all .2s}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #ff8c654d}.btn-primary:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.modal-content{max-height:95vh;width:95%}.modal-body,.modal-header{padding:16px}.array-field-row{flex-direction:column}.btn-remove{align-self:flex-end}}.checkbox-group-horizontal{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:16px!important;justify-content:center!important}.sync-icon-container{display:inline-block;position:relative}.sync-icon-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;color:#666;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s;width:40px}.sync-icon-btn:hover:not(:disabled){background:linear-gradient(135deg,#fff5e6,#ffedd5);border-color:#ff8c00;box-shadow:0 4px 12px #ff8c0033;color:#ff8c00;transform:translateY(-2px)}.sync-icon-btn:active:not(:disabled){transform:translateY(0)}.sync-icon-btn:disabled{background:linear-gradient(135deg,#fff5e6,#ffedd5);border-color:#ff8c00;color:#ff8c00;cursor:wait}.sync-icon-btn.spinning svg{animation:spin 1s linear infinite}.sync-tooltip{background:#1a1a1a;border-radius:8px;bottom:-40px;box-shadow:0 4px 12px #0003;color:#fff;font-size:13px;font-weight:500;left:50%;padding:8px 14px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.sync-tooltip.syncing{background:#ff8c00}.sync-tooltip:before{background:inherit;content:"";height:8px;left:50%;position:absolute;top:-4px;transform:translateX(-50%) rotate(45deg);width:8px}.vk-accounts-manager{width:100%}.vk-accounts-manager-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.vk-accounts-manager-loading .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#ff8c65;height:50px;width:50px}.vk-accounts-manager-loading p{color:#7f8c8d;margin-top:20px}.alert-box{animation:slideDown .3s ease;margin:0 0 20px}.alert-box.alert-success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #b1dfbb}.alert-box.alert-error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #f1aeb5}.alert-text{font-weight:500}.accounts-list{display:flex;flex-direction:column;gap:20px}.empty-state{background:linear-gradient(135deg,#f8f9fb,#fff);border:2px dashed #e0e4e8;border-radius:16px;padding:80px 20px}.empty-state p{color:#7f8c8d;margin-bottom:32px}.account-card{border-radius:16px;padding:24px}.account-card:hover{border-color:#ff8c65;box-shadow:0 8px 24px #ff8c6526;transform:translateY(-2px)}.account-card.default-account{background:linear-gradient(135deg,#f0fff4,#fff);border-color:#27ae60;box-shadow:0 4px 12px #27ae601a}.account-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.account-header h3{color:#2c3e50;font-size:20px;margin:0}.default-badge{background:linear-gradient(135deg,#27ae60,#2ecc71);border-radius:20px;color:#fff;font-size:13px;font-weight:600;padding:6px 16px}.account-details{margin-bottom:20px}.account-details p{color:#555;font-size:14px;margin:8px 0}.account-details strong{color:#2c3e50;font-weight:600}.account-stats{background:#f8f9fb;border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;padding:16px}.account-stats span{color:#555;font-size:13px;font-weight:500}.account-actions{display:flex;flex-wrap:wrap;gap:12px}.btn{font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s}.btn:hover:not(:disabled){box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.btn-outline:hover:not(:disabled){background:#ff8c65;color:#fff}.btn-icon{font-size:16px;padding:8px 12px}.btn-danger{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.add-account-btn{font-size:16px;margin-top:12px;padding:16px;width:100%}.modal-overlay{animation:fadeIn .3s ease;background:#0009;z-index:1000}.modal-content{animation:slideUp .3s ease;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;overflow-y:auto}.modal-content h2{color:#2c3e50;font-size:24px;margin:0 0 24px}.form-field{margin-bottom:20px}.form-field label{color:#2c3e50;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-field input,.form-field textarea{border:2px solid #e0e4e8;border-radius:10px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:border-color .3s;width:100%}.form-field input:focus,.form-field textarea:focus{border-color:#ff8c65;outline:none}.modal-actions{display:flex;gap:12px;margin-top:24px}.modal-actions .btn{flex:1 1}@media (max-width:768px){.account-card{padding:16px}.account-header{align-items:flex-start;gap:12px}.account-actions,.account-header{flex-direction:column}.account-actions .btn{width:100%}.account-stats{flex-direction:column;gap:8px}.modal-content{padding:24px 20px}.modal-actions{flex-direction:column}}.settings-page{background:#f8f9fb;margin:0 auto;max-width:900px;min-height:100vh;padding:24px}.settings-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:100px 40px;text-align:center}.spinner{animation:spin .8s linear infinite;border:4px solid #e1e4e8;border-radius:50%;border-top-color:#ff8c65;height:48px;margin-bottom:16px;width:48px}.settings-card{background:#fff;border:1px solid #e1e4e8;border-radius:16px;box-shadow:0 1px 3px #00000014;margin-bottom:24px;padding:28px;transition:all .3s ease}.settings-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.vk-ord-card{background:linear-gradient(135deg,#fff,#f6f8fa);border-left:4px solid #ff8c65}.card-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:24px}.card-icon{align-items:center;background:linear-gradient(135deg,#f6f8fa,#e1e4e8);border-radius:12px;display:flex;flex-shrink:0;font-size:32px;height:56px;justify-content:center;width:56px}.card-title-group{flex:1 1}.card-title{color:#1a1d29;font-size:22px;font-weight:700;margin:0 0 6px}.card-subtitle{color:#656d76;font-size:14px;line-height:1.6;margin:0}.alert-box{animation:slideIn .3s ease;border-radius:12px;font-weight:500;margin-bottom:24px;padding:16px 20px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #10b981;color:#065f46}.alert-error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #ef4444;color:#991b1b}.alert-icon{font-size:20px}.form-field{margin-bottom:24px}.field-label{color:#1a1d29;display:block;font-size:15px;font-weight:600;margin-bottom:10px}.input-wrapper{position:relative}.field-input{background:#f6f8fa;border:2px solid #e1e4e8;border-radius:10px;font-family:monospace;font-size:15px;padding:14px 16px;transition:all .2s ease;width:100%}.field-input:focus{background:#fff;border-color:#ff8c65;box-shadow:0 0 0 4px #0969da1a;outline:none}.field-hint{align-items:center;color:#656d76;display:flex;font-size:13px;gap:6px;line-height:1.5;margin-top:10px}.card-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.btn-primary{background:#ff8c65;box-shadow:0 2px 8px #ff8c654d;color:#fff;text-align:center}.btn-primary:hover:not(:disabled){background:#e67a54;box-shadow:0 4px 12px #ff8c6566;transform:translateY(-1px)}.btn-outline{background:#fff;border:2px solid #ff8c65;color:#ff8c65}.btn-outline:hover:not(:disabled){background:#f6f8fa;border-color:#e67a54}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}.settings-option{background:#f6f8fa;border:2px solid #e1e4e8;border-radius:12px;padding:20px;transition:all .2s ease}.settings-option:hover{background:#fff;border-color:#ff8c65}.switch-label{align-items:center;cursor:pointer;display:flex;gap:16px;-webkit-user-select:none;user-select:none}.switch-input{opacity:0;position:absolute}.switch-slider{background:#cbd5e1;border-radius:14px;flex-shrink:0;height:28px;position:relative;transition:all .3s ease;width:52px}.switch-slider:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:22px;left:3px;position:absolute;top:3px;transition:all .3s ease;width:22px}.switch-input:checked+.switch-slider{background:linear-gradient(135deg,#10b981,#059669)}.switch-input:checked+.switch-slider:before{transform:translateX(24px)}.switch-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.switch-title{color:#1a1d29;font-size:15px;font-weight:600}.switch-description{color:#656d76;font-size:13px}.info-card{background:linear-gradient(135deg,#f6f8fa,#fff);border-left:4px solid #656d76}.info-list{display:flex;flex-direction:column;gap:0;margin:0 -8px}.info-row{align-items:center;border-bottom:1px solid #e1e4e8;border-radius:8px;display:flex;gap:24px;justify-content:space-between;padding:20px 24px;transition:background .2s ease}.info-row:hover{background:#f6f8fa}.info-row:last-child{border-bottom:none}.info-key{color:#656d76;font-size:14px;font-weight:500}.info-badge{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;color:#fff;display:inline-flex;font-weight:600}.info-badge,.info-code{font-size:13px;padding:6px 12px}.info-code{background:#f6f8fa;border:1px solid #e1e4e8;border-radius:6px;color:#ff8c65;font-family:Monaco,Courier New,monospace}.info-link{align-items:center;color:#ff8c65;display:inline-flex;font-weight:500;gap:4px;text-decoration:none;transition:all .2s ease}.info-link:hover{color:#e67a54;text-decoration:underline}@media (max-width:768px){.settings-page{padding:16px}.settings-title{font-size:24px}.card-actions,.card-header{flex-direction:column}.btn{justify-content:center;width:100%}.info-row{align-items:flex-start;flex-direction:column;gap:8px}}.company-form{display:flex;flex-direction:column;gap:12px!important}.company-form .settings-form-row{grid-gap:12px!important;display:grid;gap:12px!important;grid-template-columns:1fr 1fr}.company-form .form-group{display:flex;flex-direction:column;gap:6px!important}.company-form .form-group .form-label,.company-form .form-row .form-group .form-label,.company-form label.form-label{align-items:center!important;color:var(--text-primary);display:inline-flex!important;flex-direction:row!important;flex-shrink:0!important;font-size:13px!important;font-weight:500!important;line-height:1.5!important;margin-bottom:0!important;white-space:nowrap!important}.company-form .form-group .form-label .required,.company-form .form-row .form-group .form-label .required,.company-form label.form-label .required,.company-form label.form-label span.required{color:#f5222d!important;display:inline!important;flex-shrink:0!important;line-height:inherit!important;margin-left:2px!important;white-space:nowrap!important}.company-form .form-input{background:#fff;border:1px solid var(--border);border-radius:var(--radius-small);box-sizing:border-box;color:var(--text-primary);font-size:14px!important;padding:8px 12px!important;transition:all .2s ease;width:100%}.company-form .form-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #ff8c651a;outline:none}.company-form .form-input.error{background-color:#fef2f2!important;border-color:#ef4444!important}.company-form .form-input.error:focus{box-shadow:0 0 0 2px #ef44441a!important}.company-form .form-input::placeholder{color:var(--text-tertiary);font-size:13px!important}.company-form .save-button{align-items:center;background:var(--primary)!important;border:none;border-radius:var(--radius-medium);color:#fff!important;cursor:pointer;display:inline-flex;font-size:14px!important;font-weight:600;gap:6px!important;justify-content:center;min-width:180px;padding:10px 20px!important;transition:all .2s ease}.company-form .save-button:hover:not(:disabled){background:var(--primary-hover)!important;box-shadow:0 4px 12px #ff8c654d;transform:translateY(-1px)}.company-form .save-button:disabled{background:#9ca3af!important;cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.company-form .form-row{grid-template-columns:1fr 1fr}@media (max-width:480px){.company-form .form-row{grid-template-columns:1fr}}}.notification-container{position:relative}.notification-bell{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:all .2s ease}.notification-bell:hover{background:#f5f7fa;background:var(--surface-secondary,#f5f7fa);color:#1f2937;color:var(--text-primary,#1f2937)}.notification-bell svg{display:block}.notification-badge{align-items:center;animation:notification-pulse 2s infinite;background:#f44;border-radius:9px;box-shadow:0 2px 4px #ff44444d;color:#fff;display:flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:4px;top:4px}@keyframes notification-pulse{0%,to{box-shadow:0 2px 4px #ff44444d;transform:scale(1)}50%{box-shadow:0 4px 8px #ff444480;transform:scale(1.1)}}.notification-panel{animation:notification-panel-appear .2s ease-out;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:12px;box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;max-height:550px;position:absolute;right:0;top:calc(100% + 8px);width:420px;z-index:1000}@keyframes notification-panel-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-header{align-items:center;background:linear-gradient(135deg,#ff8c650d,#ff8c6500);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);display:flex;justify-content:space-between;padding:16px 20px}.notification-header h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:18px;font-weight:600;margin:0}.mark-all-read{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:6px;color:#ff8c65;color:var(--primary,#ff8c65);cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s}.mark-all-read:hover{background:#f5f7fa;background:var(--surface-secondary,#f5f7fa);border-color:#ff8c65;border-color:var(--primary,#ff8c65)}.notification-list{flex:1 1;max-height:440px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#0000}.notification-list::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.notification-item{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-light,#f3f4f6);cursor:pointer;display:flex;gap:12px;padding:16px 20px;position:relative;transition:background .2s}.notification-item:hover{background:#f5f7fa;background:var(--surface-secondary,#f5f7fa)}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:#ff8c650d}.notification-item.unread:before{background:#ff8c65;background:var(--primary,#ff8c65);border-radius:0 3px 3px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.notification-icon{align-items:center;display:flex;flex-shrink:0;font-size:24px;height:32px;justify-content:center;width:32px}.notification-content{flex:1 1;min-width:0}.notification-title{color:#1f2937;color:var(--text-primary,#1f2937);font-size:14px;font-weight:600;line-height:1.3;margin-bottom:4px}.notification-message{word-wrap:break-word;color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px;line-height:1.4;margin-bottom:6px}.notification-time{font-size:12px}.notification-delete,.notification-time{color:#9ca3af;color:var(--text-tertiary,#9ca3af)}.notification-delete{align-items:center;align-self:flex-start;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:24px;justify-content:center;transition:all .2s;width:24px}.notification-delete:hover{background:#0000000d;color:#f5222d;color:var(--error,#f5222d)}.notification-empty,.notification-loading{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.notification-loading .spinner{animation:notification-spinner .8s linear infinite;border:3px solid #ff8c6533;border-radius:50%;border-top:3px solid var(--primary,#ff8c65);height:40px;margin-bottom:16px;width:40px}@keyframes notification-spinner{to{transform:rotate(1turn)}}.notification-empty p,.notification-loading p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:14px;margin:0}.notification-empty svg{margin-bottom:16px;opacity:.3}.notification-footer{background:#fff;background:var(--surface,#fff);border-top:1px solid #e5e7eb;border-top:1px solid var(--border,#e5e7eb);padding:12px 20px;text-align:center}.notification-footer button{background:#0000;border:none;border-radius:6px;color:#ff8c65;color:var(--primary,#ff8c65);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.notification-footer button:hover{background:#ff8c651a;color:#e67a54;color:var(--primary-hover,#e67a54)}@media (max-width:768px){.notification-panel{max-width:400px;right:-20px;width:90vw}}@media (max-width:480px){.notification-panel{max-height:450px;right:10px;width:calc(100vw - 20px)}.notification-header h3{font-size:16px}.notification-item{padding:12px 16px}}@media (prefers-color-scheme:dark){.notification-panel{background:#1f2937;border-color:#374151}.notification-header{background:linear-gradient(135deg,#ff8c651a,#ff8c6500);border-bottom-color:#374151}.notification-header h3{color:#f3f4f6}.mark-all-read{border-color:#374151;color:#ff8c65}.mark-all-read:hover{background:#374151}.notification-item{border-bottom-color:#374151}.notification-item:hover{background:#374151}.notification-item.unread{background:#ff8c651a}.notification-title{color:#f3f4f6}.notification-message{color:#9ca3af}.notification-time{color:#6b7280}.notification-footer{background:#1f2937;border-top-color:#374151}}.markapp-footer{background:#1a1a2e;color:#9a9aca;margin-top:auto;padding:80px 0 32px}.footer-container{margin:0 auto;max-width:1200px;padding:0 24px}.footer-content{grid-gap:64px;display:grid;gap:64px;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:48px}.footer-column{display:flex;flex-direction:column}.footer-logo{align-items:center;display:flex;gap:12px;margin-bottom:16px}.footer-logo-image{display:block;height:43px;object-fit:contain;width:auto}.footer-description{color:#9a9aca;line-height:1.7;margin-bottom:24px;text-align:left}.footer-socials{display:flex;gap:16px}.social-link{background:#2d2d44;border-radius:8px;color:#fff;font-size:14px;padding:8px 16px;text-decoration:none;transition:all .3s ease}.social-link:hover{background:#ff6b35;color:#fff}.footer-title{color:#fff;font-size:16px;font-weight:600;margin-bottom:16px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:12px}.footer-links a{color:#9a9aca;font-size:14px;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:#ff6b35}.footer-bottom{align-items:center;border-top:1px solid #2d2d44;display:flex;justify-content:space-between;padding-top:32px}.footer-copy{color:#7676a2;font-size:14px}.footer-legal{display:flex;gap:32px}.footer-legal a{color:#7676a2;font-size:14px;text-decoration:none;transition:color .2s ease}.footer-legal a:hover{color:#ff6b35}@media (max-width:1024px){.footer-content{gap:32px;grid-template-columns:1fr 1fr}}@media (max-width:768px){.markapp-footer{padding:48px 0 24px}.footer-content{gap:32px;grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:16px;text-align:center}.footer-legal{flex-direction:column;gap:8px}}.vk-account-switcher-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:700px;overflow-y:auto;padding:0;position:relative;width:90%}.switcher-header{align-items:center;background:#fff;border-bottom:1px solid #e0e4e8;display:flex;justify-content:space-between;padding:24px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.switcher-header h2{color:#2c3e50;font-size:24px;margin:0}.close-btn{align-items:center;background:none;border:none;color:#95a5a6;cursor:pointer;display:flex;font-size:32px;height:36px;justify-content:center;padding:0;transition:color .2s;width:36px}.close-btn:hover{color:#e74c3c}.switcher-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.switcher-loading .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#ff8c65;height:50px;width:50px}.switcher-loading p{color:#7f8c8d;margin-top:20px}.empty-state{color:#7f8c8d;padding:60px 20px}.empty-state p{margin:10px 0}.accounts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:24px 32px}.account-card{background:#fff;border:2px solid #e0e4e8;border-radius:12px;cursor:pointer;padding:20px;transition:all .3s ease}.account-card:hover:not(.active-account):not(.inactive-account){border-color:#ff8c65;box-shadow:0 4px 12px #ff8c6526;transform:translateY(-2px)}.account-card.active-account{background:linear-gradient(135deg,#f0fff4,#fff);border-color:#27ae60;box-shadow:0 4px 12px #27ae6026}.account-card.inactive-account{border-color:#bdc3c7;cursor:not-allowed;opacity:.6}.card-content h3{color:#2c3e50;font-size:18px;margin:0 0 8px}.card-content .company-name{color:#7f8c8d;font-size:14px;margin:4px 0 12px}.card-content .stats{color:#95a5a6;font-size:13px;margin:8px 0 0}.card-footer{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.status-badge{border-radius:20px;gap:6px}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.badge-icon{font-weight:700}.btn-switch{background:#ff8c65;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px;text-align:center;transition:all .3s}.btn-switch:hover:not(:disabled){box-shadow:0 4px 8px #ff8c654d;transform:translateY(-1px)}.btn-switch:disabled{cursor:not-allowed;opacity:.6}.close-bottom-btn{background:#ecf0f1;border:none;border-radius:8px;color:#2c3e50;cursor:pointer;font-size:14px;margin:24px 32px;padding:12px;transition:background .3s;width:calc(100% - 64px)}.close-bottom-btn:hover{background:#bdc3c7}.alert-box{align-items:center;border-radius:8px;display:flex;gap:12px;margin:16px 32px;padding:12px 16px}.alert-box.alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-box.alert-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-icon{font-size:18px}.alert-text{flex:1 1}@media (max-width:768px){.accounts-grid{grid-template-columns:1fr;padding:16px}.switcher-header{padding:16px}.close-bottom-btn{margin:20px 16px 16px;width:calc(100% - 32px)}.alert-box{margin:12px 16px}}.subscription-banner{animation:slideDown .3s ease-out;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:16px 24px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.subscription-banner.success{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.subscription-banner.warning{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.subscription-banner.danger{background:linear-gradient(135deg,#fa709a,#fee140);color:#333}.subscription-banner.info{background:linear-gradient(135deg,#30cfd0,#330867);color:#fff}.banner-content{align-items:center;display:flex;gap:16px}.banner-icon{flex-shrink:0;font-size:32px;line-height:1}.banner-text{flex:1 1;min-width:0}.banner-title{font-size:16px;font-weight:600;line-height:1.3;margin-bottom:4px}.banner-subtitle{font-size:14px;line-height:1.4;opacity:.9}.banner-button{background:#fff3;border:2px solid #fffc;border-radius:8px;color:inherit;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s;white-space:nowrap}.banner-button:hover{background:#ffffff4d;border-color:#fff;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.banner-button:active{transform:translateY(0)}.subscription-banner.danger .banner-button{background:#3333331a;border-color:#333;color:#333}.subscription-banner.danger .banner-button:hover{background:#3333;border-color:#000}@media (max-width:768px){.subscription-banner{padding:12px 16px}.banner-content{gap:12px}.banner-icon{font-size:24px}.banner-title{font-size:14px}.banner-subtitle{font-size:12px}.banner-button{font-size:13px;padding:8px 16px}}@media (max-width:480px){.banner-content{flex-wrap:wrap}.banner-button{margin-top:8px;width:100%}}.limit-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.limit-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:480px;padding:32px;position:relative;text-align:center;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.limit-modal-close{align-items:center;background:#f5f5f5;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;position:absolute;right:16px;top:16px;transition:all .2s;width:32px}.limit-modal-close:hover{background:#e0e0e0;color:#333;transform:rotate(90deg)}.limit-modal-icon{font-size:64px;line-height:1;margin-bottom:16px}.limit-modal-title{color:#333;font-size:24px;font-weight:700;margin:0 0 12px}.limit-modal-text{color:#666;font-size:18px;margin:0 0 8px}.limit-modal-text strong{color:#ff6b6b;font-weight:700}.limit-modal-description{color:#999;font-size:14px;line-height:1.5;margin:0 0 24px}.limit-modal-upgrade-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;margin-bottom:24px;padding:20px;text-align:left}.upgrade-card-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.upgrade-card-icon{font-size:24px;line-height:1}.upgrade-card-label{font-size:16px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.upgrade-card-text{font-size:14px;margin:0 0 12px;opacity:.95}.upgrade-card-benefits{list-style:none;margin:0;padding:0}.upgrade-card-benefits li{font-size:14px;margin-bottom:8px;opacity:.95}.upgrade-card-benefits li:last-child{margin-bottom:0}.limit-modal-actions{display:flex;gap:12px;margin-bottom:16px}.limit-modal-upgrade{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;padding:14px 28px;transition:all .2s}.limit-modal-upgrade:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.limit-modal-upgrade:active{transform:translateY(0)}.limit-modal-cancel{background:#f5f5f5;border:none;border-radius:12px;color:#666;cursor:pointer;flex:0 0 auto;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s}.limit-modal-cancel:hover{background:#e0e0e0;color:#333}.limit-modal-note{color:#999;font-size:12px;line-height:1.5;margin:0}.limit-modal-note strong{color:#667eea}@media (max-width:768px){.limit-modal{margin:0 16px;padding:24px}.limit-modal-icon{font-size:48px}.limit-modal-title{font-size:20px}.limit-modal-text{font-size:16px}.limit-modal-upgrade-card{padding:16px}.limit-modal-actions{flex-direction:column}.limit-modal-cancel{flex:1 1}}@media (max-width:480px){.limit-modal{padding:20px}.limit-modal-icon{font-size:40px}.limit-modal-title{font-size:18px}}:root{--background:#f8f9fa;--surface:#fff;--surface-secondary:#f5f7fa;--primary:#ff8c65;--primary-hover:#e67a54;--primary-orange:#ffb84d;--success:#52c41a;--warning:#faad14;--error:#f5222d;--text-primary:#1f2937;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--border:#e5e7eb;--border-light:#f3f4f6;--yellow-banner:#fff4cc;--radius-small:6px;--radius-medium:8px;--radius-large:12px;--shadow-light:0 1px 3px #0000001a;--shadow-medium:0 4px 6px #0000001a;--shadow-heavy:0 10px 15px #0000001a}.loading-container{align-items:center;display:flex;justify-content:center;min-height:200px;padding:40px}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top:4px solid var(--primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.no-subscription-block{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;justify-content:center;margin:40px auto;max-width:600px;padding:80px 40px;text-align:center}.no-subscription-icon{font-size:64px;margin-bottom:24px}.no-subscription-block h2{color:#1f2937;color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 12px}.no-subscription-block p{color:#6b7280;color:var(--text-secondary);font-size:16px;line-height:1.6;margin:0 0 32px}.activate-subscription-btn{background:linear-gradient(135deg,#ff8c65,#e67a54);background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);border:none;border-radius:12px;box-shadow:0 4px 12px #ff8c654d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .2s ease}.activate-subscription-btn:hover{box-shadow:0 6px 20px #ff8c6566;transform:translateY(-2px)}.dashboard-container{flex-direction:column;min-height:100vh}.dashboard,.dashboard-container{background:#f8f9fa;background:var(--background);display:flex}.dashboard{flex:1 1;flex-direction:column;margin:0;max-width:100%}.top-nav{background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-light)}.top-nav-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:12px 144px}.nav-logo,.top-nav-content{align-items:center;display:flex}.nav-logo{color:#1f2937;color:var(--text-primary);cursor:pointer;font-size:20px;font-weight:700;gap:12px;text-decoration:none;transition:opacity .2s}.nav-logo:hover{opacity:.8}.logo-image{display:block;height:43px;object-fit:contain;width:auto}.logo-icon{align-items:center;background:linear-gradient(135deg,#ffb84d,#ff9d2e);border-radius:8px;color:#fff;display:flex;font-size:20px;font-weight:700;height:40px;justify-content:center;width:40px}.logo-text{color:#1f2937;color:var(--text-primary)}.main-nav-buttons{display:flex;gap:8px}.main-nav-buttons button{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-medium);color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.main-nav-buttons button.active,.main-nav-buttons button:hover{background:#f5f7fa;background:var(--surface-secondary);color:#1f2937;color:var(--text-primary)}.main-nav-buttons button.active{font-weight:600}.nav-icon{font-size:16px}.nav-right{gap:12px}.nav-icon-btn,.nav-right{align-items:center;display:flex}.nav-icon-btn{background:#0000;border:none;border-radius:8px;border-radius:var(--radius-medium);color:#6b7280;color:var(--text-secondary);cursor:pointer;font-size:18px;justify-content:center;padding:8px;transition:all .2s ease}.nav-icon-btn:hover{background:#f5f7fa;background:var(--surface-secondary);color:#1f2937;color:var(--text-primary)}.nav-icon-btn svg{display:block;height:20px;width:20px}.user-menu-container{position:relative}.user-menu-btn{align-items:center;background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:24px;color:#1f2937;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.user-menu-btn:hover{background:#f5f7fa;background:var(--surface-secondary);border-color:#6b7280;border-color:var(--text-secondary)}.user-icon{font-size:18px}.dropdown-arrow{color:#6b7280;color:var(--text-secondary);font-size:10px}.user-dropdown{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-medium);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-heavy);min-width:240px;padding:8px 0;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.dropdown-item{align-items:center;background:#0000;border:none;color:#1f2937;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:background .2s ease;width:100%}.dropdown-item:hover{background:#f5f7fa;background:var(--surface-secondary)}.dropdown-item.danger{color:#f5222d;color:var(--error)}.dropdown-item svg{flex-shrink:0;height:16px;opacity:.7;transition:opacity .2s ease;width:16px}.dropdown-item:hover svg{opacity:1}.dropdown-divider{border:none;border-top:1px solid #e5e7eb;border-top:1px solid var(--border);margin:8px 0}.submenu{background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);overflow-x:auto}.submenu-content{display:flex;gap:4px;margin:0 auto;max-width:1200px;padding:12px 144px}.submenu button{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-medium);color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.submenu button:hover{background:#f5f7fa;background:var(--surface-secondary);color:#1f2937;color:var(--text-primary)}.submenu button.active{background:#ff8c65;background:var(--primary);color:#fff}.form-row{margin-bottom:16px!important}.form-row,.form-row-split{grid-gap:16px!important;display:grid!important;gap:16px!important;grid-template-columns:1fr 1fr!important}.main-content{margin:0 auto;max-width:1200px;min-height:calc(100vh - 120px);padding:24px 144px}.main-content.full-width-content{margin:0!important;max-width:none!important;padding-left:0!important;padding-right:0!important;width:100%!important}.acts-page,.contracts-page,.counterparties-page,.platforms-page,.statistics-page{padding-left:144px!important;padding-right:144px!important}.content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.content-header h1{color:#1f2937;color:var(--text-primary);font-size:28px;font-weight:700;margin:0}.header-actions{display:flex;gap:12px}.help-btn{align-items:center;background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-medium);color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.help-btn:hover{background:#f5f7fa;background:var(--surface-secondary);border-color:#6b7280;border-color:var(--text-secondary)}.add-btn{align-items:center;background:#ff8c65;background:var(--primary);border:none;border-radius:8px;border-radius:var(--radius-medium);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-light);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.add-btn:hover{background:#e67a54;background:var(--primary-hover);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-medium)}.table-container{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-large);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-light);overflow:hidden}.table-controls{background:#f5f7fa;background:var(--surface-secondary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);justify-content:space-between;padding:16px 20px}.pagination,.table-controls{align-items:center;display:flex}.pagination{gap:8px}.page-btn{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-small);color:#1f2937;color:var(--text-primary);cursor:pointer;font-size:14px;height:32px;min-width:32px;padding:0 8px;transition:all .2s ease}.page-btn:hover{background:#f5f7fa;background:var(--surface-secondary)}.page-btn.active,.page-btn:hover{border-color:#ff8c65;border-color:var(--primary)}.page-btn.active{background:#ff8c65;background:var(--primary);color:#fff}.rows-select{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-small);color:#1f2937;color:var(--text-primary);cursor:pointer;font-size:14px;margin-left:8px;padding:6px 12px}.table-options{align-items:center;display:flex;gap:16px}.checkbox-label{align-items:center;display:flex;gap:8px}.checkbox-label,.settings-btn{color:#6b7280;color:var(--text-secondary);cursor:pointer;font-size:14px}.settings-btn{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-medium);padding:8px 16px;transition:all .2s ease}.settings-btn:hover{background:#fff;border-color:#6b7280;border-color:var(--text-secondary)}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:#f5f7fa;background:var(--surface-secondary)}.data-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);color:#6b7280;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.data-table th input[type=checkbox]{cursor:pointer}.sort-icon{color:#9ca3af;color:var(--text-tertiary);font-size:10px;margin-left:4px}.data-table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);color:#1f2937;color:var(--text-primary);font-size:14px;padding:16px}.data-table tr:hover{background:#f5f7fa;background:var(--surface-secondary)}.ad-badge{background:#f5f7fa;background:var(--surface-secondary);border:1px solid #e5e7eb;border:1px solid var(--border);color:#1f2937;color:var(--text-primary);font-size:12px;padding:4px 12px}.ad-badge,.status-badge{align-items:center;border-radius:6px;border-radius:var(--radius-small);display:inline-flex;font-weight:500;gap:4px}.status-badge{font-size:13px;padding:6px 12px}.status-badge.draft{background:#f3f4f6;color:#6b7280}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.approved{background:#dbeafe;color:#1e40af}.status-badge.published{background:#d1fae5;color:#065f46}.status-badge.rejected{background:#fee2e2;color:#991b1b}.status-badge.archived{background:#e5e7eb;color:#374151}.erid-link{color:#ff8c65;color:var(--primary);font-weight:500;text-decoration:none}.erid-link:hover{text-decoration:underline}.action-buttons{display:flex;gap:8px}.icon-btn{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-small);cursor:pointer;font-size:16px;padding:6px;transition:all .2s ease}.icon-btn:hover{background:#f5f7fa;background:var(--surface-secondary);border-color:#6b7280;border-color:var(--text-secondary)}.empty-state{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-large);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-light);padding:80px 40px;text-align:center}.empty-state span{display:block;font-size:64px;margin-bottom:24px;opacity:.5}.empty-state h2{color:#1f2937;color:var(--text-primary);font-size:24px;font-weight:600;margin:0 0 12px}.empty-state p{color:#6b7280;color:var(--text-secondary);font-size:16px;margin:0}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal-content{background:#fff;border-radius:12px;border-radius:var(--radius-large);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-heavy);max-width:500px;padding:32px;width:90%}.modal-content h3{color:#1f2937;color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 16px}.modal-content p{color:#6b7280;color:var(--text-secondary);line-height:1.6;margin-bottom:24px}@media (max-width:1440px){.main-content,.submenu-content,.top-nav-content{padding-left:96px;padding-right:96px}.main-content.full-width-content{padding-left:0;padding-right:0}.acts-page,.contracts-page,.counterparties-page,.platforms-page,.statistics-page{padding-left:96px!important;padding-right:96px!important}}@media (max-width:1024px){.top-nav-content{flex-wrap:wrap;padding:12px 48px}.main-nav-buttons{justify-content:space-around;margin-top:12px;order:3;width:100%}.main-content,.submenu-content{padding-left:48px;padding-right:48px}.main-content.full-width-content{padding-left:0;padding-right:0}.acts-page,.contracts-page,.counterparties-page,.platforms-page,.statistics-page{padding-left:48px!important;padding-right:48px!important}}@media (max-width:768px){.main-content,.submenu-content,.top-nav-content{padding-left:16px;padding-right:16px}.main-content.full-width-content{padding-left:0;padding-right:0}.acts-page,.contracts-page,.counterparties-page,.platforms-page,.statistics-page{padding-left:16px!important;padding-right:16px!important}.content-header{align-items:flex-start;flex-direction:column;gap:16px}.header-actions{width:100%}.table-controls{align-items:flex-start;flex-direction:column;gap:12px}.data-table{font-size:12px}.data-table td,.data-table th{padding:8px}}.back-btn{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-medium);color:#6b7280;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.back-btn:hover{background:#f5f7fa;background:var(--surface-secondary);border-color:#6b7280;border-color:var(--text-secondary)}.empty-icon svg,.icon-inline svg,.nav-icon svg{display:inline-block;vertical-align:middle}.empty-icon{font-size:64px;opacity:.5}.empty-icon svg{height:64px;width:64px}.icon-inline{align-items:center;display:inline-flex;margin-right:4px}.submenu button svg{flex-shrink:0;height:18px;width:18px}:root{--primary:#ff6b35;--primary-dark:#e85525;--primary-light:#ff8555;--secondary:#4ecdc4;--accent-2:#f38181;--dark:#1a1a2e;--gray-900:#2d2d44;--gray-800:#3f3f5c;--gray-700:#52527a;--gray-600:#7676a2;--gray-500:#9a9aca;--gray-400:#b8b8d8;--gray-300:#d6d6e8;--gray-200:#ececf5;--gray-100:#f7f7fc;--white:#fff;--gradient-primary:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);--shadow-lg:0 8px 32px #1a1a2e1f;--shadow-xl:0 16px 48px #1a1a2e29;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--border-radius:16px;--border-radius-sm:12px;--border-radius-lg:24px;--transition-fast:all 0.2s ease}.auth-page{align-items:center;background:#f7f7fc;background:var(--gray-100);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-container{background:#fff;background:var(--white);border-radius:24px;border-radius:var(--border-radius-lg);box-shadow:0 16px 48px #1a1a2e29;box-shadow:var(--shadow-xl);display:grid;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family);grid-template-columns:1fr 1fr;max-width:1200px;overflow:hidden;width:100%}.auth-side{background:linear-gradient(135deg,#ff6b35,#e85525);background:var(--gradient-primary);color:#fff;color:var(--white);display:flex;flex-direction:column;gap:40px;justify-content:space-between;padding:42px}.auth-side-content{max-width:480px}.auth-logo{align-items:center;display:inline-flex;font-weight:700;gap:12px;letter-spacing:.05em;margin-bottom:24px}.auth-logo-image{filter:brightness(1.05);height:46px;width:auto}.auth-side-title{font-size:30px;font-weight:800;line-height:1.2;margin-bottom:12px}.auth-side-description{color:#ffffffd9;font-size:15px;line-height:1.6;margin-bottom:24px}.auth-benefits{display:flex;flex-direction:column;gap:16px}.benefit-item{display:flex;gap:12px}.benefit-icon{font-size:26px;line-height:1}.benefit-title{color:#fff;color:var(--white);font-size:15px;font-weight:600;margin-bottom:4px}.benefit-desc{color:#ffffffbf;font-size:13px}.auth-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border-radius:12px;border-radius:var(--border-radius-sm);padding:20px;text-align:center}.stat-value{color:#fff;color:var(--white);font-size:24px;font-weight:700;margin-bottom:6px}.stat-label{color:#ffffffc7;font-size:12px}.auth-form-panel{align-items:center;background:#fff;background:var(--white);display:flex;justify-content:center;padding:48px 40px}.auth-form-container{max-width:420px;width:100%}.auth-form{width:100%}.auth-header{margin-bottom:28px;text-align:center}.auth-title{color:#1a1a2e;color:var(--dark);font-size:28px;font-weight:700;margin-bottom:8px}.auth-subtitle{color:#52527a;color:var(--gray-700);font-size:15px}.form-success-message{background:#4ecdc41f;border-left:4px solid #4ecdc4;border-left:4px solid var(--secondary);border-radius:12px;border-radius:var(--border-radius-sm);color:#1a1a2e;color:var(--dark);font-size:14px;margin-bottom:20px;padding:18px}.form-group{margin-bottom:18px}.form-label{color:#1a1a2e;color:var(--dark);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.input-with-icon{position:relative;width:100%}.input-icon{color:#9a9aca;color:var(--gray-500);font-size:18px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.form-input{background:#fff;background:var(--white);border:2px solid #d6d6e8;border:2px solid var(--gray-300);border-radius:12px;box-sizing:border-box;font-size:16px;font-weight:500;padding:12px 16px 12px 44px;transition:all .2s ease;transition:var(--transition-fast);width:100%}.form-input.code-input{font-size:24px;font-weight:700;letter-spacing:6px;text-align:center}.text-input{background:#fff;background:var(--white);border:2px solid #d6d6e8;border:2px solid var(--gray-300);border-radius:12px;font-size:15px;font-weight:500;padding:12px 16px;transition:all .2s ease;transition:var(--transition-fast);width:100%}.form-input:focus,.text-input:focus{border-color:#ff6b35;border-color:var(--primary);box-shadow:0 0 0 4px #ff6b351f;outline:none}.form-input.error,.text-input.error{border-color:#f38181;border-color:var(--accent-2)}.dual-input{display:flex;gap:12px}.dual-input .text-input{flex:1 1}.form-hint{color:#7676a2;color:var(--gray-600);font-size:12px;margin-top:6px}.code-sent-message{align-items:flex-start;background:#4ecdc41a;border:2px solid #4ecdc4;border:2px solid var(--secondary);border-radius:12px;box-sizing:border-box;display:flex;gap:14px;margin-bottom:20px;padding:16px 20px;width:100%}.message-icon{flex-shrink:0;font-size:28px;line-height:1}.message-content{flex:1 1}.message-title{color:#1a1a2e;color:var(--dark);font-size:15px;font-weight:600;margin-bottom:6px}.message-text{color:#52527a;color:var(--gray-700);font-size:14px;line-height:1.5}.message-text strong{color:#ff6b35;color:var(--primary);font-weight:700}.form-error{background:#f381811f;border-left:4px solid #f38181;border-left:4px solid var(--accent-2);border-radius:12px;border-radius:var(--border-radius-sm);color:#f38181;color:var(--accent-2);font-size:13px;margin-top:10px;padding:12px}.btn-auth,.btn-primary{background:linear-gradient(135deg,#ff6b35,#e85525);background:var(--gradient-primary);border:none;border-radius:12px;box-sizing:border-box;color:#fff;color:var(--white);cursor:pointer;font-size:16px;font-weight:700;padding:14px 24px;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:100%}.btn-auth:hover:not(:disabled){box-shadow:0 8px 32px #1a1a2e1f;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-auth:disabled{cursor:not-allowed;opacity:.6}.btn-auth.loading .btn-text{opacity:.6}.btn-loader{font-size:16px;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.btn-secondary,.btn.btn-secondary,.telegram-button{align-items:center!important;background:#0088cc14!important;border:2px solid #08c3!important;border-radius:12px!important;box-sizing:border-box!important;color:#08c!important;cursor:pointer!important;display:flex!important;font-size:15px!important;font-weight:600!important;gap:8px!important;justify-content:center!important;margin:0 0 20px!important;max-width:100%!important;padding:14px 24px!important;text-decoration:none!important;transition:all .2s ease!important;transition:var(--transition-fast)!important;width:100%!important}.btn-secondary:hover,.telegram-button:hover{background:#0088cc26;border-color:#0088cc59}.code-actions{color:#7676a2;color:var(--gray-600);display:flex;font-size:12px;justify-content:space-between;margin-top:8px}.link-button{background:none;border:none;color:#ff6b35;color:var(--primary);cursor:pointer;font-weight:600;padding:0}.auth-switch{color:#7676a2;color:var(--gray-600);font-size:13px;margin-top:24px;text-align:center}.auth-switch a{color:#ff6b35;color:var(--primary);font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.auth-help{border-top:1px solid #ececf5;border-top:1px solid var(--gray-200);color:#7676a2;color:var(--gray-600);font-size:13px;margin-top:32px;padding-top:24px;text-align:center}.auth-security{background:#f7f7fc;background:var(--gray-100);border-radius:12px;border-radius:var(--border-radius-sm);color:#52527a;color:var(--gray-700);display:flex;font-size:13px;gap:12px;margin-top:24px;padding:16px}.auth-security .security-icon{font-size:22px}.auth-info-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border-radius:16px;border-radius:var(--border-radius);margin-top:24px;padding:24px}.info-title{font-size:18px;font-weight:600;margin-bottom:12px}.info-text{color:#ffffffe6;font-size:14px;line-height:1.6}.form-loading{opacity:.6;pointer-events:none}@media (max-width:1024px){.auth-container{grid-template-columns:1fr}.auth-form-panel,.auth-side{padding:48px 36px}}@media (max-width:768px){.auth-page{padding:0}.auth-container{border-radius:0;min-height:100vh}.auth-side{display:none}.auth-form-panel{padding:36px 24px}.auth-title{font-size:26px}.form-input{font-size:22px;letter-spacing:4px}}.payment-success-page{align-items:center;background:linear-gradient(135deg,#f6f8ff,#fdfdfd);display:flex;justify-content:center;min-height:100vh;padding:32px 16px}.payment-success-card{background:#fff;border:1px solid #0f172a0f;border-radius:24px;box-shadow:0 24px 60px #0f172a14;max-width:480px;padding:40px 32px;text-align:center;width:100%}.payment-state h2{color:#0f172a;font-size:24px;font-weight:700;margin:16px 0 12px}.payment-state p{color:#475569;font-size:16px;line-height:1.55;margin:0}.payment-icon{align-items:center;border-radius:50%;display:flex;font-size:42px;height:88px;justify-content:center;margin:0 auto;width:88px}.payment-icon.spinner{animation:payment-rotate .8s linear infinite;border:4px solid #6366f133;border-right-color:#6366f1}.payment-icon.pending{background:#fbbf241f;color:#b45309}.payment-icon.success{background:#22c55e1f;color:#15803d}.payment-icon.error{background:#f871711f;color:#b91c1c}.payment-details{background:#f8fafc;border-radius:16px;display:flex;flex-direction:column;gap:12px;margin:24px 0;padding:16px}.detail-row{align-items:center;color:#0f172a;display:flex;font-size:16px;justify-content:space-between}.detail-label{color:#64748b;font-weight:500}.detail-value.success{color:#15803d;font-weight:600}.payment-actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.payment-button{border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:transform .15s ease,box-shadow .15s ease}.payment-button.primary{background:linear-gradient(135deg,#ff8c65,#ff6b45);box-shadow:0 12px 24px #ff6b4540;color:#fff}.payment-button.primary:hover{box-shadow:0 16px 32px #ff6b454d;transform:translateY(-1px)}.payment-button.primary:active{transform:translateY(0)}@keyframes payment-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:540px){.payment-success-card{padding:32px 20px}.payment-state h2{font-size:20px}.payment-state p{font-size:14px}}.App{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-height:100vh;text-align:center}.App-header{font-size:24px;font-weight:700;margin-bottom:20px;padding:20px}.App-main{margin:0 auto;max-width:1200px;padding:20px}
/*# sourceMappingURL=main.5c72b98c.css.map*/