.header{background-color:#2c3e50;color:#fff;padding:1rem 0;box-shadow:0 2px 4px #0000001a}.header-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.nav-list{display:flex;list-style:none;gap:2rem}.nav-link{color:#fff;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#3498db}@media(max-width:768px){.header-container{flex-direction:column;gap:1rem;padding:1rem}.nav-list{gap:1rem}}.home{padding:2rem;max-width:1200px;margin:0 auto}.hero{text-align:center;margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px}.hero h2{margin-bottom:1rem;font-size:2.5rem}.hero p{font-size:1.2rem;opacity:.9}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.feature-card{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;text-align:center;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-card h3{color:#2c3e50;margin-bottom:1rem}.feature-card p{color:#7f8c8d}.image-container{position:relative;display:inline-block;border:1px solid #ccc}.frame-info{margin-top:20px;padding:10px;background-color:#f5f5f5;border-radius:4px}.loading{text-align:center;padding:50px;font-size:18px;color:#666}.editor-toolbar{margin-bottom:20px}.text-element-item{border:1px solid #eee;padding:10px;margin-bottom:10px;border-radius:4px}.text-element-item p{margin:5px 0}.editor-info{display:flex;gap:20px;margin-top:20px}.frame-info,.text-elements-info{flex:1;padding:15px;background-color:#f5f5f5;border-radius:4px}.auth-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px);background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.auth-form{width:100%;max-width:450px;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:40px;position:relative;overflow:hidden}.auth-form:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.auth-form h2{color:#2d3748;font-size:28px;font-weight:700;margin-bottom:30px;text-align:center;font-family:Inter,-apple-system,sans-serif}.error-message{background:#fed7d7;color:#c53030;padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px;border-left:4px solid #c53030;animation:slideIn .3s ease-out}.form-group{margin-bottom:20px;position:relative}.form-group label{display:block;color:#4a5568;font-size:14px;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.form-group input{width:100%;padding:14px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:16px;transition:all .3s ease;background:#f8fafc;color:#2d3748;outline:none}.form-group input:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.form-group input:hover:not(:disabled){border-color:#a0aec0}.form-group input.error{border-color:#fc8181;background:#fff5f5}.form-group input.error:focus{box-shadow:0 0 0 3px #fc81811a}.form-group input:disabled{opacity:.7;cursor:not-allowed;background:#edf2f7}.field-error{color:#e53e3e;font-size:12px;margin-top:4px;animation:slideIn .3s ease-out}.password-hint{font-size:12px;color:#718096;margin-top:4px;display:flex;align-items:center;gap:4px}.password-hint:before{content:"💡"}.auth-btn{width:100%;background:linear-gradient(90deg,#667eea,#764ba2);color:#fff;border:none;padding:16px;font-size:16px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .3s ease;margin-top:10px;text-transform:uppercase;letter-spacing:1px;position:relative;min-height:52px}.auth-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea66}.auth-btn:active:not(:disabled){transform:translateY(0)}.auth-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-btn.loading{color:transparent}.loading-text{display:flex;align-items:center;justify-content:center;gap:8px}.loading-text:after{content:"";width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.auth-switch{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid #e2e8f0}.switch-btn{background:none;border:none;color:#667eea;font-size:14px;cursor:pointer;font-weight:600;padding:8px 16px;border-radius:6px;transition:all .3s ease;text-decoration:none}.switch-btn:hover:not(:disabled){background:#667eea1a;text-decoration:underline}.switch-btn:disabled{opacity:.6;cursor:not-allowed}.auth-footer{margin-top:24px;text-align:center;padding-top:16px;border-top:1px dashed #e2e8f0}.footer-text{font-size:12px;color:#718096;line-height:1.5}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.auth-form{animation:slideIn .5s ease-out}@media(max-width:480px){.auth-container{padding:40px 10px 10px;align-items:flex-start}.auth-form{padding:30px 24px;margin:0 10px;box-shadow:0 10px 40px #0003}.auth-form h2{font-size:24px;margin-bottom:24px}.form-group input{padding:12px 14px;font-size:15px}.auth-btn{padding:14px;font-size:15px;min-height:48px}}@media(prefers-color-scheme:dark){.auth-form{background:#1a202c}.auth-form h2{color:#f7fafc}.form-group label{color:#cbd5e0}.form-group input{background:#2d3748;border-color:#4a5568;color:#f7fafc}.form-group input:focus{border-color:#667eea;background:#2d3748;box-shadow:0 0 0 3px #667eea33}.form-group input:hover:not(:disabled){border-color:#718096}.form-group input.error{border-color:#fc8181;background:#742a2a}.form-group input:disabled{background:#4a5568}.auth-switch{border-top-color:#4a5568}.switch-btn{color:#90cdf4}.switch-btn:hover:not(:disabled){background:#90cdf41a}.password-hint{color:#a0aec0}.auth-footer{border-top-color:#4a5568}.footer-text{color:#a0aec0}}.auth-form form{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.ozon-key-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5}.key-form{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:400px}.key-form h2{text-align:center;margin-bottom:20px;color:#333}.key-input{width:100%;padding:12px;margin-bottom:15px;border:1px solid #ddd;border-radius:4px;font-size:16px}.submit-btn{width:100%;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer}.submit-btn:hover{background-color:#0056b3}.error{color:#dc3545;margin-bottom:15px;text-align:center}.creative-card{position:relative;overflow:hidden}.creative-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);opacity:0;transition:opacity .3s ease}.creative-card:hover:before{opacity:1}.creative-card p:nth-of-type(2){position:relative;padding-left:20px}.creative-card p:nth-of-type(2):before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:#10b981}.creative-card p:nth-of-type(2):contains("Неактивен"):before{background:#ef4444}.creative-card p{background:#f9fafb;padding:4px 8px 4px 24px;border-radius:4px;margin:4px 0}.creative-card .btn-secondary{position:relative;overflow:hidden}.creative-card .btn-secondary:after{content:"→";position:absolute;right:-20px;top:50%;transform:translateY(-50%);transition:right .3s ease}.creative-card:hover .btn-secondary:after{right:12px}.creative-card .btn-secondary:hover{padding-right:32px}.creative-actions{display:flex}.creative-page{max-width:1200px;margin:0 auto;padding:20px}.creative-page h2{margin-bottom:30px;color:#333}.error-message{background-color:#f8d7da;color:#721c24;padding:12px;border-radius:4px;margin-bottom:20px;border:1px solid #f5c6cb}.success-message{background-color:#d4edda;color:#155724;padding:12px;border-radius:4px;margin-bottom:20px;border:1px solid #c3e6cb}.creative-form{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.form-row{display:flex;gap:30px;margin-bottom:30px}.form-column{flex:1}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group input[type=text],.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s}.form-group input[type=text]:focus,.form-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-group input[type=text]:disabled,.form-group select:disabled{background-color:#f8f9fa;cursor:not-allowed}.checkbox-group{display:flex;align-items:center}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.template-preview-column{min-width:300px}.template-preview{background:#f8f9fa;border:1px solid #ddd;border-radius:8px;padding:20px;text-align:center;position:sticky;top:20px}.template-preview h4{margin:0 0 15px;color:#333;font-size:16px}.template-preview-image{max-width:100%;max-height:300px;object-fit:contain;border-radius:4px;box-shadow:0 2px 8px #0000001a}.template-description{margin-top:15px;color:#666;font-size:14px;text-align:left}.template-preview.placeholder{background:#f8f9fa;border:2px dashed #ddd;min-height:300px;display:flex;align-items:center;justify-content:center}.template-preview.placeholder p{color:#999;font-size:16px}.no-preview{background:#e9ecef;padding:40px;border-radius:4px;color:#6c757d}.form-actions{display:flex;gap:15px;margin-top:30px;padding-top:20px;border-top:1px solid #eee}.btn-primary,.btn-secondary{padding:12px 24px;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#545b62}.btn-primary:disabled,.btn-secondary:disabled{opacity:.65;cursor:not-allowed}.navigation-links,.navigation-buttons{margin-top:30px;text-align:center}.btn-link{color:#007bff;text-decoration:none;font-size:14px}.btn-link:hover{text-decoration:underline}.loading{text-align:center;padding:40px;color:#666;font-size:16px}@media(max-width:768px){.form-row{flex-direction:column}.template-preview-column{min-width:auto}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.select-offers-page{padding:20px;max-width:1200px;margin:0 auto}.creative-selection{margin-bottom:20px;padding:15px;background:#f5f5f5;border-radius:5px}.creative-selection input{margin-left:10px;padding:5px 10px;border:1px solid #ddd;border-radius:3px}.filters-section{margin-bottom:20px;padding:15px;background:#f5f5f5;border-radius:5px}.filter-row{display:flex;gap:15px;flex-wrap:wrap;align-items:flex-end}.filter-group{flex:1;min-width:150px}.filter-group label{display:block;margin-bottom:5px;font-weight:700}.filter-group input,.filter-group select{width:100%;padding:8px;border:1px solid #ddd;border-radius:3px}.filter-actions{margin-top:15px}.offers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.offers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.offer-card{display:flex;padding:10px;border:1px solid #ddd;border-radius:5px;background:#fff}.offer-card input[type=checkbox]{margin-right:10px}.offer-image{width:60px;height:60px;object-fit:cover;margin-right:10px;border-radius:3px}.offer-info h4{margin:0 0 5px;font-size:14px}.offer-info p{margin:2px 0;font-size:12px;color:#666}.actions{margin:20px 0}.navigation{position:fixed;bottom:0;width:100%;background:#00000038;left:0;padding:5px;text-align:center}.btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;text-decoration:none;display:inline-block}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#545b62}.btn:disabled{opacity:.5;cursor:not-allowed}.error-message{padding:10px;background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:5px;margin-bottom:15px}.loading{text-align:center;padding:40px;font-size:18px;color:#666}.no-offers{text-align:center;padding:40px;color:#666;background:#f5f5f5;border-radius:5px}.offer-card{display:flex;padding:15px;border:1px solid #ddd;border-radius:5px;background:#fff;transition:all .2s ease}.offer-card.selected{background-color:#e8f5e8;border:2px solid #4caf50}.offer-card.updating{opacity:.6;pointer-events:none}.offer-card input[type=checkbox]{margin-right:15px;width:20px;height:20px;cursor:pointer}.offer-card input[type=checkbox]:disabled{cursor:wait}.offer-image{width:80px;height:80px;object-fit:cover;margin-right:15px;border-radius:5px}.offer-info{flex:1}.offer-info h4{margin:0 0 10px;font-size:16px}.offer-info p{margin:5px 0;font-size:14px;color:#666}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.offer-card.updating{animation:pulse 1.5s infinite}.not-found{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:2rem}.error-container{text-align:center;max-width:500px}.error-container h1{font-size:5rem;color:#e74c3c;margin-bottom:1rem}.error-container h2{color:#2c3e50;margin-bottom:1rem}.error-container p{color:#7f8c8d;margin-bottom:2rem;font-size:1.1rem}.home-link{display:inline-block;padding:.75rem 1.5rem;background:#3498db;color:#fff;text-decoration:none;border-radius:4px;transition:background .3s ease}.home-link:hover{background:#2980b9}.loading-spinner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffb3;display:flex;justify-content:center;align-items:center;z-index:9999}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner-overlay.dark{background-color:#000000b3}.loading-spinner-overlay.dark .loading-spinner{border:5px solid #333;border-top:5px solid #fff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#333}.App{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:2rem 0}.logo a{text-decoration:none}.logo a h1{color:#fff}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}