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{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;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)}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff8c651a}.clear-search{background:#e0e0e0;border-radius:50%;color:#666;font-size:20px;height:24px;line-height:1;right:12px;transition:all .2s ease;width:24px}.clear-search:hover{background:#d0d0d0}.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-info{color:#666;font-size:14px}.pagination-controls{gap:8px}.pagination-controls .page-btn:disabled{cursor:not-allowed;opacity:.4}.modal-content{border-radius:8px;max-width:800px;overflow:auto}.modal-close:hover{background:#f1f3f4}@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{background:var(--primary);font-size:15px;font-weight:600;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)}.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}.btn-save:hover{background:#e67a54;box-shadow:0 2px 8px #ff8c654d}.toggle-slider{background-color:#d0d7de}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 0 12px #667eea66}.toggle-switch input:checked+.toggle-slider:before{box-shadow:0 2px 8px #0000004d}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #667eea33}.toggle-switch:hover .toggle-slider{background-color:#b6bcc4}.toggle-switch input:checked:hover+.toggle-slider{background:linear-gradient(135deg,#7c8ef5,#8659b3)}.status-badge{border-radius:7px;display:inline-block;font-size:5px;font-weight:600;padding:2px 5px;text-align:center;white-space:nowrap}.status-badge.approved,.status-badge.published{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.rejected{background:#f8d7da;color:#721c24}.status-badge.draft,.status-badge.unknown{background:#e9ecef;color:#6c757d}.status-badge.archived,.status-badge.deleted{background:#f0f0f0;color:#999}.creatives-list .status-badge{border-radius:8px;display:inline-block;font-size:7px;font-weight:600;padding:2px 6px;text-align:center;white-space:nowrap}.creatives-list .status-badge.approved,.creatives-list .status-badge.published{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.creatives-list .status-badge.pending{background:#fff3cd;color:#856404}.creatives-list .status-badge.rejected{background:#f8d7da;color:#721c24}.creatives-list .status-badge.draft,.creatives-list .status-badge.unknown{background:#e9ecef;color:#6c757d}.creatives-list .status-badge.archived,.creatives-list .status-badge.deleted{background:#f0f0f0;color:#999}@media (max-width:768px){.form-row-split,.form-row-with-toggle{grid-template-columns:1fr}.form-row-with-toggle{gap:16px}}.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 input[type=checkbox]{opacity:1;position:static}.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}.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{padding:20px 24px}.modal-header h2{color:#1f2937;font-size:20px}.modal-close:hover{background:#f3f4f6;color:#1f2937}.modal-body{flex:1 1;overflow-y:auto}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px!important;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]{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}.info-value{color:#1f2937;font-size:14px!important}.modal-footer{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}@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;margin:12px 0!important;width:100%!important}.checkbox-group-horizontal .checkbox-label{align-items:center!important;display:inline-flex!important;gap:8px!important;position:static!important}.checkbox-group-horizontal .checkbox-label input[type=checkbox]{display:inline-block!important;height:18px!important;margin:0!important;opacity:1!important;padding:0!important;position:static!important;visibility:visible!important;width:18px!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}.contracts-page{background:#f8f9fb;min-height:100vh;padding:12px 144px}.contracts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.contracts-title{color:#1a1d29;font-size:32px;font-weight:700;margin:0}.contracts-header-actions{display:flex;gap:12px}.help-button{align-items:center;background:#fff;border:1px solid #e1e4e8;border-radius:8px;color:#ff8c65;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s}.help-button:hover{background:#f6f8fa;border-color:#ff8c65}.add-button{align-items:center;background:#ff8c65;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 20px;transition:all .2s}.add-button:hover{background:#e67a54}.contracts-controls{align-items:center;background:#fff;border:1px solid #e1e4e8;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.pagination-controls{align-items:center;display:flex;gap:12px}.page-button{align-items:center;background:#fff;border:1px solid #e1e4e8;border-radius:6px;box-sizing:border-box;color:#1a1d29;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;min-width:36px;padding:8px 16px;transition:all .2s;white-space:nowrap}.page-button.active{background:#ff8c65;border-color:#ff8c65;color:#fff}.page-button:hover:not(.active){background:#f6f8fa}.per-page-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23586069' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #e1e4e8;border-radius:6px;color:#1a1d29;cursor:pointer;font-size:14px;padding:8px 32px 8px 12px}.filter-actions{align-items:center;display:flex;gap:16px}.checkbox-label{color:#586069;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{cursor:pointer;height:16px;width:16px}.sync-button{align-items:center;background:#fff;border:1px solid #e1e4e8;border-radius:6px;color:#ff8c65;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.sync-button:hover{background:#f6f8fa;border-color:#ff8c65}.sync-button:disabled{cursor:not-allowed;opacity:.5}.contracts-table{background:#fff;border:1px solid #e1e4e8;border-radius:8px;overflow:hidden}.contracts-table table{border-collapse:collapse;width:100%}.contracts-table thead{background:#f6f8fa;border-bottom:1px solid #e1e4e8}.contracts-table th{color:#586069;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.contracts-table td{border-top:1px solid #e1e4e8;color:#1a1d29;font-size:14px;padding:16px;vertical-align:middle}.contracts-table tbody tr:hover{background:#f6f8fa}.checkbox-cell{text-align:center;width:40px}.checkbox-cell input[type=checkbox]{cursor:pointer;height:16px;width:16px}.erid-cell{width:150px}.name-cell{font-weight:500;min-width:200px}.form-badge{background:#f1f3f5;border:1px solid #e1e4e8;border-radius:6px;display:inline-block;font-size:12px;padding:4px 12px}.date-cell,.form-badge{color:#586069;white-space:nowrap}.contract-id{color:#586069;font-family:Monaco,Menlo,monospace;font-size:12px}.status-badge.status-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-badge.status-warning{background:#fff3cd;border:1px solid #ffc107;color:#856404}.status-badge.status-danger{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-badge.status-neutral,.status-badge.status-unknown{background:#e2e3e5;border:1px solid #d6d8db;color:#383d41}.contracts-table td.contract-number-cell,.contracts-table th.contract-number-header{text-align:left!important}.contracts-table td.type-cell,.contracts-table th.date-header,.contracts-table th.type-header{text-align:center!important}.contracts-table td.date-cell{font-size:80%;text-align:center!important}.contracts-table td.amount-cell,.contracts-table th.amount-header,.contracts-table th.status-header{padding-right:16px;text-align:center!important}.contracts-table td.status-cell{height:38px;text-align:center!important;vertical-align:middle}.contracts-table td.actions-cell,.contracts-table th.actions-header{padding-right:16px;text-align:right!important}.contracts-table td.actions-cell{min-width:100px;width:auto}.action-buttons{display:inline-flex;justify-content:flex-end}.icon-button{align-items:center;background:#fff;border:1px solid #e1e4e8;border-radius:6px;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s;width:32px}.icon-button:hover{background:#f6f8fa;border-color:#ff8c65}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state h3{color:#1a1d29;font-size:18px;font-weight:600;margin:0 0 8px}.empty-state p{color:#586069;font-size:14px;margin:0 0 20px}.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}@media (max-width:1200px){.contracts-table{overflow-x:auto}.contracts-table table{min-width:1000px}}@media (max-width:768px){.contracts-page{padding:16px}.contracts-header{align-items:flex-start}.contracts-controls,.contracts-header{flex-direction:column;gap:16px}}.modal-overlay{animation:fadeIn .2s ease}.contracts-page .modal-content{animation:slideUp .3s ease;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:1000px;overflow:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e1e4e8;display:flex;justify-content:space-between;padding:24px}.modal-header h2{color:#1a1d29;font-weight:600}.modal-close{align-items:center;background:none;border-radius:4px;color:#586069;display:flex;justify-content:center;padding:0;transition:all .2s}.modal-close:hover{background:#f6f8fa;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}.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,.form-row-with-toggle input{border:1px solid #d0d7de;border-radius:8px;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,.form-row-with-toggle input:focus{border-color:#ff8c65;box-shadow:0 0 0 3px #ff8c6526;outline:none}.form-row textarea{min-height:80px;resize:vertical}.comment-row .comment-label{grid-column:1/-1}.comment-row .form-input.comment-textarea{color:#1a1d29;font-family:inherit;font-size:14px;font-weight:400;line-height:1.4;min-height:44px;padding:10px 12px 10px 10px;resize:vertical;width:100%}.comment-row .form-input.comment-textarea::placeholder{color:#98a2b3}.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:#0550ae;box-shadow:0 2px 8px #0969da4d;transform:translateY(-1px)}@media (max-width:768px){.contracts-page .modal-content{max-height:95vh;width:95%}.modal-body,.modal-header{padding:16px}.form-row-split{grid-template-columns:1fr}.detail-row{flex-direction:column;gap:6px}.detail-label{min-width:auto}.detail-value{text-align:left}}.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}.table-controls{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;gap:16px;margin-bottom:20px;padding:16px}.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:#4ecdc4;box-shadow:0 0 0 3px #4ecdc41a;outline:none}.clear-search{background:none;border:none;color:#999;cursor:pointer;font-size:18px;padding:5px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .3s}.clear-search:hover{color:#333}.pagination-bottom{align-items:center;background:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-top:20px;padding:20px}.page-info{color:#666;font-size:14px}.page-button:disabled{cursor:not-allowed;opacity:.5}.form-row-with-toggle{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:1fr 1fr}.toggle-section{gap:6px}.amount-section,.toggle-label,.toggle-section{display:flex;flex-direction:column}.toggle-label{cursor:pointer;gap:10px;-webkit-user-select:none;user-select:none}.toggle-text{color:#1a1d29;font-size:14px;font-weight:500}.toggle-switch{display:inline-block;height:28px;position:relative;width:52px}.toggle-switch input[type=checkbox]{height:0;opacity:0;width:0}.toggle-slider{background-color:#e0e4eb;border-radius:28px;bottom:0;box-shadow:inset 0 1px 3px #0000001a;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:all .3s ease}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:22px;left:3px;width:22px}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#ff8c65,#ff6b3d);box-shadow:0 0 12px #ff8c6559}.toggle-switch input:checked+.toggle-slider:before{box-shadow:0 2px 8px #ff6b3d66;transform:translateX(24px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #ff8c6540}.toggle-switch:hover .toggle-slider{background-color:#d4d9e1}.toggle-switch input:checked:hover+.toggle-slider{background:linear-gradient(135deg,#ffa382,#ff7f4f)}@media (max-width:768px){.form-row-with-toggle{gap:16px;grid-template-columns:1fr}}.contracts-table .status-badge{border-radius:8px;font-size:7px;font-weight:600;gap:4px;padding:2px 6px}.vk-accounts-manager{width:100%}.sync-modal{max-width:600px!important;text-align:center}.sync-modal-header{margin-bottom:30px}.sync-spinner{animation:spin 1s linear infinite;color:#ff8c65;font-size:48px;margin-bottom:20px}.sync-error-icon,.sync-success-icon{font-size:64px;margin-bottom:20px}.sync-modal h2{color:#2c3e50;font-size:24px;font-weight:600;margin-bottom:10px}.sync-modal p{color:#7f8c8d;font-size:14px}.sync-modal-body{margin:30px 0}.sync-results{background:#f8f9fa;border-radius:12px;margin-bottom:20px;padding:20px}.sync-result-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:12px 0}.sync-result-item:last-child{border-bottom:none}.sync-result-icon{font-size:24px;margin-right:10px}.sync-result-label{color:#495057;flex:1 1;font-weight:500;text-align:left}.sync-result-count{color:#ff8c65;font-size:18px;font-weight:600;min-width:40px;text-align:right}.sync-message{color:#6c757d;font-size:14px;line-height:1.6;white-space:pre-line}.sync-modal-footer{display:flex;justify-content:center;margin-top:30px}.sync-modal-footer .btn{min-width:150px}.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)}.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}.settings-card:hover{box-shadow:0 4px 12px #0000001f}.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-radius:10px;display:inline-flex;gap:8px;transition:all .2s ease;white-space:nowrap}.btn-primary{background:#ff8c65;box-shadow:0 2px 8px #ff8c654d;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{border-bottom:1px solid #e1e4e8;gap:24px;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}}}.access-page{margin:0 auto;max-width:1200px;padding:24px}.access-header{margin-bottom:32px}.access-header h1{color:#1a1a1a;color:var(--dark,#1a1a1a);font-size:32px;font-weight:700;margin-bottom:8px}.access-subtitle{color:#6b7280;color:var(--gray-600,#6b7280);font-size:16px;margin:0}.access-content{grid-gap:24px;display:grid;gap:24px}.access-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.access-card h2{font-size:20px;margin:0 0 20px}.access-card h2,.access-card h3{color:#1a1a1a;color:var(--dark,#1a1a1a);font-weight:600}.access-card h3{font-size:16px;margin:0 0 12px}.credentials-info{display:flex;flex-direction:column;gap:16px}.info-row{align-items:center;background:#f9fafb;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.info-label{color:#374151;color:var(--gray-700,#374151);font-weight:500}.info-value{color:#1a1a1a;color:var(--dark,#1a1a1a);font-weight:400}.status-badge{border-radius:12px;font-size:14px;padding:4px 12px}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.password-note{align-items:center;background:#fff7ed;border-left:3px solid #f59e0b;border-radius:8px;color:#92400e;display:flex;font-size:14px;gap:8px;padding:12px}.no-credentials{color:#6b7280;color:var(--gray-600,#6b7280);padding:48px 24px;text-align:center}.no-credentials svg{margin-bottom:16px;opacity:.5}.no-credentials p{margin:8px 0}.no-credentials .hint{color:#9ca3af;color:var(--gray-500,#9ca3af);font-size:14px}.password-generator{gap:20px}.form-group,.password-generator{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#374151;color:var(--gray-700,#374151);font-weight:500}.length-input-group{align-items:center;display:flex;gap:16px}.password-slider{-webkit-appearance:none;background:#e5e7eb;border-radius:3px;flex:1 1;height:6px;outline:none}.password-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#ff6b35;border-radius:50%;cursor:pointer;height:20px;width:20px}.password-slider::-moz-range-thumb{background:#ff6b35;border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.length-display{color:#1a1a1a;color:var(--dark,#1a1a1a);font-weight:600;min-width:100px}.security-tips{background:#f0f9ff;border-radius:8px;margin-top:24px;padding:16px}.security-tips ul{margin:12px 0 0;padding-left:24px}.security-tips li{color:#374151;color:var(--gray-700,#374151);line-height:1.5;margin-bottom:8px}.instructions-list{counter-reset:step-counter;list-style:none;margin:0;padding:0}.instructions-list li{counter-increment:step-counter;margin-bottom:24px;padding-left:60px;position:relative}.instructions-list li:before{align-items:center;background:#ff6b35;border-radius:50%;color:#fff;content:counter(step-counter);display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;left:0;position:absolute;top:0;width:40px}.instructions-list li strong{color:#1a1a1a;color:var(--dark,#1a1a1a);display:block;font-size:16px;margin-bottom:4px}.instructions-list li p{color:#6b7280;color:var(--gray-600,#6b7280);line-height:1.5;margin:0}.btn{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#ff6b35,#ff8c5a);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #ff6b354d;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.modal-overlay{padding:20px;z-index:9999}.password-modal{background:#fff;border-radius:16px;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.modal-close{background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;color:var(--gray-600,#6b7280);cursor:pointer;font-size:24px;height:32px;line-height:1;position:absolute;right:16px;top:16px;width:32px}.modal-close:hover{background:#e5e7eb}.modal-header{border-bottom:1px solid #e5e7eb;padding:32px 24px 24px;text-align:center}.modal-header svg{color:#10b981;margin-bottom:16px}.modal-header h2{color:#1a1a1a;color:var(--dark,#1a1a1a);font-size:24px;font-weight:700;margin:0}.modal-body{padding:24px}.generated-credentials{gap:16px;margin-bottom:24px}.cred-item,.generated-credentials{display:flex;flex-direction:column}.cred-item{gap:8px}.cred-item label{color:#374151;color:var(--gray-700,#374151);font-size:14px;font-weight:600}.cred-value{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:12px}.cred-value.password-value{background:#fffbeb;border-color:#fbbf24}.cred-value code{color:#1a1a1a;color:var(--dark,#1a1a1a);flex:1 1;font-family:SF Mono,Menlo,Monaco,Courier New,monospace;font-size:16px;font-weight:600;letter-spacing:.5px}.copy-btn{background:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;padding:6px 12px;transition:all .2s}.copy-btn:hover{background:#f3f4f6;transform:scale(1.1)}.modal-warning{background:#fef3c7;border-left:3px solid #f59e0b;border-radius:8px;display:flex;gap:12px;padding:16px}.modal-warning svg{color:#d97706;flex-shrink:0}.modal-warning p{color:#78350f;line-height:1.5;margin:0}.modal-footer{border-top:1px solid #e5e7eb;padding:24px;text-align:center}.loading-spinner{color:#9ca3af;color:var(--gray-500,#9ca3af);padding:48px;text-align:center}@media (max-width:768px){.access-page{padding:16px}.access-header h1{font-size:24px}.access-card{padding:16px}.info-row{align-items:flex-start;flex-direction:column;gap:4px}.instructions-list li{padding-left:48px}.instructions-list li:before{font-size:16px;height:32px;width:32px}.modal-body{padding:16px}.cred-value code{font-size:14px}}.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;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;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;flex-direction:column;gap:20px;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%}.offline-placeholder{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-medium);margin:80px auto;max-width:640px;padding:64px 40px;text-align:center}.offline-placeholder-icon{font-size:40px;margin-bottom:16px}.offline-placeholder h2{color:#1f2937;color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 12px}.offline-placeholder p{color:#6b7280;color:var(--text-secondary);font-size:16px;line-height:1.6;margin:0}.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:1400px;min-height:calc(100vh - 120px);padding:24px 40px}.vk-warning-banner{align-items:center;background:#fffbeb;border-left:3px solid #f59e0b;border-radius:8px;display:flex;gap:16px;margin:0 auto 20px;max-width:1400px;padding:16px 20px;width:calc(100% - 80px)}.vk-warning-icon{flex-shrink:0;font-size:20px;line-height:1}.vk-warning-text{flex:1 1}.vk-warning-title{color:#78716c;font-size:14px;font-weight:500;margin:0 0 4px}.vk-warning-text p{color:#78716c;font-size:13px;line-height:1.5;margin:0}.vk-warning-action{background:#0000;border:1px solid #ea580c;border-radius:6px;color:#ea580c;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.vk-warning-action:hover{background:#ea580c;color:#fff}.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,.creatives-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;width:100%}.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{gap:8px}.checkbox-label,.settings-btn{color:#6b7280;color:var(--text-secondary);font-size:14px}.settings-btn{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-medium);cursor:pointer;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,.status-badge.published{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.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,.creatives-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}.offline-placeholder{margin:60px auto;padding:48px 32px}.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,.creatives-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}.offline-placeholder{margin:48px auto;padding:40px 24px}.main-content.full-width-content{padding-left:0;padding-right:0}.acts-page,.contracts-page,.counterparties-page,.creatives-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:flex;font-weight:700;gap:12px;letter-spacing:.05em;margin-bottom:24px}.auth-logo-image{filter:brightness(1.05);height:64px;width:auto}.auth-logo-image.login-logo{height:68px}.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}.form-agreements{gap:14px;margin-bottom:24px}.form-agreements,.form-group-checkbox{display:flex;flex-direction:column}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:12px;position:relative}.checkbox-label input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.checkbox-custom{background:#fff;background:var(--white);border:2px solid #b8b8d8;border:2px solid var(--gray-400);border-radius:6px;flex-shrink:0;height:20px;margin-top:0;position:relative;transition:all .2s ease;transition:var(--transition-fast);width:20px}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:#ff6b35;background:var(--primary);border-color:#ff6b35;border-color:var(--primary)}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.checkbox-text{color:#52527a;color:var(--gray-700);flex:1 1;font-size:10.5px;line-height:1.5}.checkbox-text a{color:#ff6b35;color:var(--primary);font-weight:500;text-decoration:none}.checkbox-text a:hover{text-decoration:underline}.required{color:#f38181;color:var(--accent-2);margin-left:2px}@media (max-width:1024px){.auth-container{grid-template-columns:1fr}.auth-form-panel,.auth-side{padding:48px 36px}}@media (max-width:768px){.auth-page{align-items:flex-start;padding:0}.auth-container{border-radius:0;display:flex;flex-direction:column;min-height:100vh}.auth-side{display:block;min-height:auto;padding:30px 20px;text-align:center}.auth-side-content{margin:0 auto;max-width:100%}.auth-logo{justify-content:center;margin-bottom:16px;width:100%}.auth-logo-image{height:80px}.auth-logo-image.login-logo{height:84px}.auth-side-title{font-size:20px;margin-bottom:8px;text-align:center}.auth-side-description{font-size:13px;margin-bottom:0;text-align:center}.auth-benefits{display:none}.auth-form-panel{background:#fff;background:var(--white);border-radius:20px 20px 0 0;box-shadow:0 -4px 20px #0000001a;margin-top:-10px;overflow-y:auto;padding:24px 20px}.auth-form-container{max-width:100%}.auth-title{font-size:22px;margin-bottom:16px}.form-input{font-size:16px;letter-spacing:normal;padding:12px 14px 12px 44px}.input-icon{font-size:16px;left:12px}.form-row{flex-direction:column;gap:16px}.form-group{margin-bottom:16px}.form-label{font-size:13px;margin-bottom:6px}.checkbox-text{font-size:11px;line-height:1.4}.checkbox-custom{height:18px;width:18px}.form-agreements{gap:10px;margin-bottom:16px}.btn-auth{font-size:15px;padding:12px 20px}.auth-switch{font-size:12px;margin-top:16px}.code-input{font-size:20px!important;letter-spacing:3px!important}}.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}}.help-page{background:#f8f9fa;min-height:100vh;padding:40px 20px}.help-container{margin:0 auto;max-width:1000px}.help-header{margin-bottom:60px;text-align:center}.help-header h1{color:#1f2937;font-size:42px;font-weight:700;margin:0 0 12px}.help-subtitle{color:#6b7280;font-size:18px;margin:0}.help-section{margin-bottom:60px}.section-title{border-bottom:3px solid #ff8c65;color:#1f2937;font-size:28px;font-weight:700;margin:0 0 32px;padding-bottom:12px}.help-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px}.help-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:32px;transition:all .3s ease}.help-card:hover{box-shadow:0 8px 24px #ff8c6526;transform:translateY(-4px)}.card-icon{font-size:48px;line-height:1;margin-bottom:16px}.help-card h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 12px}.help-card p{color:#6b7280;font-size:15px;line-height:1.6;margin:0}.faq-list{display:flex;flex-direction:column;gap:20px}.faq-item{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:28px}.faq-item h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 12px}.faq-item p{color:#4b5563;font-size:15px;line-height:1.7;margin:0 0 12px}.faq-item p:last-child{margin-bottom:0}.faq-item ol,.faq-item ul{color:#4b5563;font-size:15px;line-height:1.7;margin:12px 0;padding-left:24px}.faq-item li{margin-bottom:8px}.faq-item a{color:#ff8c65;font-weight:500;text-decoration:none}.faq-item a:hover{text-decoration:underline}.instruction-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}.instruction-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:32px}.instruction-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.instruction-icon{font-size:32px;line-height:1}.instruction-card h3{color:#1f2937;font-size:20px;font-weight:600;margin:0}.instruction-card ol{color:#4b5563;font-size:15px;line-height:1.7;margin:0;padding-left:24px}.instruction-card li{margin-bottom:12px}.instruction-card a{color:#ff8c65;font-weight:500;text-decoration:none}.instruction-card a:hover{text-decoration:underline}.contact-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.contact-card{background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #e5e7eb;border-radius:16px;padding:32px;text-align:center;transition:all .3s ease}.contact-card:hover{border-color:#ff8c65;box-shadow:0 8px 24px #ff8c6526;transform:translateY(-4px)}.contact-icon{font-size:48px;line-height:1;margin-bottom:16px}.contact-card h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 12px}.contact-card a{color:#ff8c65;display:block;font-size:16px;font-weight:600;margin-bottom:8px;text-decoration:none}.contact-card a:hover{text-decoration:underline}.contact-note{color:#9ca3af;font-size:13px;margin:0}.links-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.link-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;gap:12px;padding:20px 24px;text-decoration:none;transition:all .3s ease}.link-card:hover{background:#fff5f1;border-color:#ff8c65;transform:translateX(4px)}.link-icon{font-size:24px;line-height:1}.link-text{color:#1f2937;font-size:15px;font-weight:500}@media (max-width:768px){.help-page{padding:24px 16px}.help-header h1{font-size:32px}.section-title{font-size:24px}.contact-cards,.help-cards,.instruction-grid,.links-grid{grid-template-columns:1fr}}.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.6dad40d4.css.map*/