:root{--primary-orange-hover:#e55a41;--secondary-orange:#ff8a69;--accent-coral:#ff7f5c;--background:#fffbfa;--surface-secondary:#fff4f2;--text-primary:#1d1d1f;--text-secondary:#86868b;--text-tertiary:#c7c7cc;--border:#f5e6e3;--border-light:#fff0ed;--success:#30d158;--warning:#ff9f0a;--error:#ff3b30;--shadow-light:0 1px 3px #ff6b4714;--shadow-medium:0 4px 16px #ff6b471f;--shadow-heavy:0 8px 32px #ff6b4729;--radius-small:8px;--radius-medium:12px;--radius-large:16px;--radius-xl:20px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fffbfa;background-color:var(--background);color:#1d1d1f;color:var(--text-primary);font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0;overflow-x:hidden;scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn{border-radius:var(--radius-medium);font-size:15px;white-space:nowrap}.btn-primary{background:var(--primary-orange)}.btn-primary:hover{background:var(--primary-orange-hover);box-shadow:var(--shadow-medium)}.btn-secondary{background:var(--surface-secondary);color:var(--text-primary)}.btn-secondary:hover{background:var(--border)}#root{display:flex;flex-direction:column;min-height:100vh}::-webkit-scrollbar{background:#0000;width:0}@media (max-width:768px){html{font-size:14px}body{touch-action:manipulation}}@media (max-width:480px){html{font-size:13px}}.auth-container{align-items:center;background:linear-gradient(135deg,#ff6b47,#ff8a69);background:linear-gradient(135deg,var(--primary-orange) 0,var(--secondary-orange) 100%);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.auth-method-selector{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:16px;border-radius:var(--radius-large);display:flex;margin-bottom:30px;padding:6px}.method-btn{background:#0000;border:none;border-radius:12px;border-radius:var(--radius-medium);color:#ffffffb3;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.method-btn:hover{color:#ffffffe6;transform:translateY(-1px)}.method-btn.active{background:#fff;box-shadow:0 4px 12px #00000026;color:#ff6b47;color:var(--primary-orange)}.method-btn.active:hover{box-shadow:0 6px 20px #0003;transform:translateY(-2px)}@media (max-width:480px){.auth-container{padding:15px}.auth-method-selector{margin-bottom:20px;max-width:320px;width:100%}.method-btn{font-size:13px;padding:10px 16px}}.telegram-login{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px}.login-container{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:450px;overflow:hidden;padding:40px;position:relative;text-align:center;width:100%}.login-container:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.login-header{margin-bottom:30px}.login-header h1{color:#333;font-size:28px;font-weight:600;margin-bottom:10px}.login-header p{color:#666;font-size:16px;margin:0}.login-form{margin-bottom:30px}.form-group{margin-bottom:20px;text-align:left}.form-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.code-input{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:12px;box-sizing:border-box;font-family:Courier New,monospace;font-size:18px;letter-spacing:3px;padding:16px;text-align:center;transition:all .3s ease;width:100%}.code-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.code-input.invalid{background:#fff5f5;border-color:#dc3545}.code-input.invalid:focus{box-shadow:0 0 0 3px #dc35451a}.code-input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.code-format-hint{color:#666;font-size:12px;margin-top:6px;text-align:center}.error-message{background:#fff5f5;border:1px solid #f5c6cb;border-radius:8px;color:#721c24}.error-message,.rate-limit-message{align-items:center;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:12px}.rate-limit-message{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404}.attempts-info{background:#e2f3ff;border:1px solid #bee5eb;border-radius:8px;color:#0c5460;font-size:13px;margin-bottom:20px;padding:10px;text-align:center}.submit-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;min-height:52px;padding:16px;transition:all .3s ease;width:100%}.submit-button:hover:not(:disabled){box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.spinner{border:2px solid #0000;border-top-color:currentcolor;height:20px;width:20px}.login-instructions{background:#f8f9fa;border-radius:12px;margin-bottom:20px;padding:20px;text-align:left}.login-instructions h3{align-items:center;color:#333;display:flex;font-size:16px;gap:8px;margin-bottom:12px}.login-instructions ol{margin:0;padding-left:20px}.login-instructions li{color:#555;font-size:14px;line-height:1.4;margin-bottom:12px}.bot-link{background:linear-gradient(135deg,#08c,#0077b5);border-radius:8px;display:inline-block;font-size:13px;font-weight:600;margin-left:8px;padding:6px 12px;transition:all .2s ease}.bot-link,.bot-link:hover{color:#fff;text-decoration:none}.bot-link:hover{box-shadow:0 4px 12px #0088cc4d;transform:translateY(-1px)}.bot-note{color:#666;font-size:11px;font-style:italic;margin-top:4px}.login-instructions code{background:#f1f3f4;border-radius:4px;color:#667eea;font-family:Courier New,monospace;font-size:12px;font-weight:600;padding:2px 6px}.security-info{background:#e8f5e8;border:1px solid #c3e6c3;border-radius:8px;margin-top:20px;padding:12px}.security-info p{align-items:center;color:#2d5a2d;display:flex;font-size:13px;gap:8px;justify-content:center;margin:0}@media (max-width:768px){.telegram-login{padding:10px}.login-container{margin:10px;padding:30px 20px}.login-header h1{font-size:24px}.code-input{font-size:16px;padding:14px}.submit-button{font-size:15px;padding:14px}}@media (max-width:480px){.login-container{padding:25px 15px}.login-header h1{font-size:22px}.code-input{font-size:15px;letter-spacing:2px}}.payment-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.payment-modal{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-height:90vh;max-width:800px;overflow-y:auto;padding:0;position:relative;width:90%}.payment-modal-header{align-items:center;background:#fff;border-bottom:1px solid #eee;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.payment-modal-header h2{color:#333;font-size:1.5rem;margin:0}.payment-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.payment-modal-close:hover{background:#f5f5f5;color:#333}.payment-modal-content{padding:20px}.payment-job-info{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.payment-job-info h3{color:#333;font-size:1.1rem;margin:0 0 10px}.job-title{color:#333;margin-bottom:8px}.job-details{color:#666;display:flex;font-size:.9rem;gap:15px}.free-jobs-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:20px}.free-jobs-section h3{color:#333;font-size:1.1rem;margin:0 0 15px}.free-jobs-available{align-items:center;background:#e8f5e9;border:1px solid #c8e6c9;border-radius:8px;display:flex;justify-content:space-between;padding:15px}.free-jobs-info p{color:#1b5e20;margin:0}.free-jobs-info p:first-child{font-weight:600}.btn-free-publish{background:#2e7d32;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:12px 24px;transition:background-color .2s}.btn-free-publish:hover{background:#1b5e20}.btn-free-publish:disabled{background:#c8e6c9;cursor:not-allowed}.free-jobs-unavailable{background:#fff3e0;border:1px solid #ffcc02;border-radius:8px;padding:15px}.free-jobs-unavailable p{color:#e65100;margin:0}.free-jobs-unavailable p:first-child{font-weight:600}.free-jobs-limit{font-size:.9rem;margin-top:5px!important}.selected-tariff-info{background:#e3f2fd;border:1px solid #2196f3;border-radius:8px;padding:15px;text-align:center}.selected-tariff-info .tariff-name{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:8px}.selected-tariff-info .tariff-price{color:#2196f3;font-size:1.8rem;font-weight:700}.payment-methods-section{margin:0 auto;max-width:600px}.back-button{align-items:center;background:none;border:none;color:#2196f3;cursor:pointer;display:flex;font-size:.9rem;gap:5px;margin-bottom:20px;padding:8px 0;transition:color .2s}.back-button:hover{color:#1976d2}.email-input-section{margin-bottom:25px}.email-input-section label{color:#333;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.email-input{border:2px solid #eee;font-size:1rem;transition:border-color .2s}.email-input:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.payment-methods{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.payment-method{background:#fff;border:2px solid #eee;border-radius:10px;gap:15px;padding:20px;transition:all .2s}.payment-method:hover{border-color:#2196f3;box-shadow:0 2px 8px #0000001a}.payment-method.selected{background:#e3f2fd;border-color:#2196f3}.payment-method.disabled{background:#f5f5f5;cursor:not-allowed;opacity:.5}.payment-method.disabled:hover{border-color:#eee;box-shadow:none}.payment-method-icon{align-items:center;background:#f8f9fa;border-radius:50%;display:flex;flex-shrink:0;font-size:2rem;height:60px;justify-content:center;width:60px}.payment-method.selected .payment-method-icon{background:#2196f3;color:#fff}.payment-method-info{flex:1 1}.payment-method-name{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:5px}.payment-method-details{color:#666;font-size:.9rem}.insufficient-funds{color:#d32f2f;font-weight:600}.paid-jobs-section{margin-top:30px}.paid-jobs-section h3{color:#333;font-size:1.1rem;margin:0 0 20px}.tariffs-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.tariff-card{border:2px solid #eee;border-radius:10px;overflow:hidden;position:relative;transition:all .2s}.tariff-card:hover{border-color:#2196f3;box-shadow:0 5px 15px #0000001a}.tariff-card.selected{background:#e3f2fd;border-color:#2196f3}.tariff-name{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:10px}.tariff-price{color:#2196f3;font-size:1.8rem;margin-bottom:15px}.tariff-duration{color:#666;font-size:.9rem;margin-bottom:10px}.tariff-description{color:#666;font-size:.9rem;margin-bottom:15px}.tariff-features{list-style:none;margin:0;padding:0}.tariff-features li{color:#333;font-size:.85rem;padding:5px 0}.tariff-features li:before{color:#2e7d32;content:"✓";font-weight:700;margin-right:8px}.tariff-popular-badge{background:#ff9800;color:#fff;font-size:.8rem;font-weight:600;padding:5px 40px;position:absolute;right:-30px;top:10px;transform:rotate(45deg)}.payment-actions{justify-content:flex-end}.btn{border-radius:6px;font-size:.9rem;transition:all .2s}.btn:disabled{opacity:.5}.btn-primary{background:#2196f3}.btn-primary:hover:not(:disabled){background:#1976d2}.btn-secondary{background:#f5f5f5;color:#333}.btn-secondary:hover:not(:disabled){background:#e0e0e0}.payment-loading{padding:40px;text-align:center}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#2196f3;height:40px;margin:0 auto 15px;width:40px}.payment-error{background:#fff3e0;border:1px solid #ffcc02;border-radius:8px;padding:20px;text-align:center}.payment-error p{color:#e65100;margin:0 0 15px}@media (max-width:768px){.payment-modal{max-height:95vh;width:95%}.free-jobs-available{flex-direction:column;gap:15px;text-align:center}.tariffs-grid{grid-template-columns:1fr}.payment-actions{flex-direction:column}.btn{width:100%}.payment-method{flex-direction:column;text-align:center}.payment-method-icon{font-size:1.5rem;height:50px;width:50px}.payment-methods-section{max-width:100%}}:root{--modal-backdrop:#00000080;--modal-bg:#fff;--modal-shadow:0 10px 30px #0000001a;--modal-radius:12px;--modal-primary-text:#212529;--modal-secondary-text:#495057;--modal-border:#dee2e6;--modal-accent-color:#ff6b47;--modal-accent-hover:#e65a3c}.modal-notification-backdrop{align-items:center;animation:fadeIn .3s ease;background-color:#00000080;background-color:var(--modal-backdrop);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-notification{animation:slideIn .4s ease-out;background:#fff;background:var(--modal-bg);border-radius:12px;border-radius:var(--modal-radius);box-shadow:0 10px 30px #0000001a;box-shadow:var(--modal-shadow);display:flex;flex-direction:column;max-width:450px;overflow:hidden;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-notification-header{align-items:center;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--modal-border);display:flex;justify-content:space-between;padding:24px}.notification-title{color:#212529;color:var(--modal-primary-text);font-size:1.5rem;font-weight:600;margin:0}.notification-icon{display:none}.notification-close{background:#0000;border:none;color:#adb5bd;cursor:pointer;font-size:1.5rem;transition:color .2s ease}.notification-close:hover{color:#212529;color:var(--modal-primary-text)}.modal-notification-body{color:#495057;color:var(--modal-secondary-text);font-size:1.1rem;line-height:1.6;padding:32px 24px}.notification-message{margin:0}.modal-notification-footer{background-color:#f8f9fa;display:flex;gap:12px;justify-content:flex-end;padding:24px}.notification-cancel-btn,.notification-confirm-btn,.notification-ok-btn{border:1px solid #0000;border-radius:12px;border-radius:var(--modal-radius);cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.notification-cancel-btn{background-color:#fff;background-color:var(--modal-bg);border-color:#dee2e6;border-color:var(--modal-border);color:#495057;color:var(--modal-secondary-text)}.notification-cancel-btn:hover{background-color:#f8f9fa;border-color:#ced4da}.notification-confirm-btn{background-color:#ff6b47;background-color:var(--modal-accent-color);color:#fff}.notification-confirm-btn:hover{background-color:#e65a3c;background-color:var(--modal-accent-hover);box-shadow:0 4px 15px #ff6b4740;transform:translateY(-2px)}.notification-ok-btn{background-color:#ff6b47;background-color:var(--modal-accent-color);color:#fff}.notification-ok-btn:hover{background-color:#e65a3c;background-color:var(--modal-accent-hover)}.job-modal-backdrop{align-items:center;animation:fadeInBackdrop .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0006;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;overflow-x:hidden;overflow-y:auto;padding:10px;position:fixed;right:0;top:0;z-index:1000}.job-modal{animation:slideInModal .3s ease;background:#fff;background:var(--surface,#fff);border:1px solid #e9ecef;border:1px solid var(--border-light,#e9ecef);border-radius:16px;border-radius:var(--radius-xl,16px);box-shadow:0 10px 40px #0003;box-shadow:var(--shadow-heavy,0 10px 40px #0003);box-sizing:border-box!important;margin:0 auto!important;max-height:calc(100vh - 40px)!important;max-width:800px!important;overflow-y:auto;padding:40px;width:calc(100vw - 40px)!important}.job-modal-header{align-items:flex-start;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-light,#e9ecef);display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:20px}.job-modal-title{color:#2c3e50;color:var(--text-primary,#2c3e50);flex:1 1;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.75rem;font-weight:700;margin:0;position:relative}.job-modal-title:after{background:linear-gradient(135deg,#ff6b47,#ff8a65);background:linear-gradient(135deg,var(--primary-orange,#ff6b47) 0,var(--secondary-orange,#ff8a65) 100%);border-radius:2px;content:"";display:block;height:3px;margin-top:12px;width:60px}.job-modal-close{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-small,6px);color:#6c757d;color:var(--text-secondary,#6c757d);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;margin:-8px -8px 0 0;padding:8px;transition:all .2s ease;width:40px}.job-modal-close:hover{background:#f8f9fa;background:var(--surface-secondary,#f8f9fa);color:#2c3e50;color:var(--text-primary,#2c3e50);transform:scale(1.1)}.job-modal-form{display:flex;flex-direction:column;gap:24px;width:100%}.job-modal-form,.job-modal-form *{box-sizing:border-box}.job-modal-form label{color:#2c3e50;color:var(--text-primary,#2c3e50);display:flex;flex-direction:column;font-size:1rem;font-weight:600;gap:8px}.job-modal-form input,.job-modal-form select,.job-modal-form textarea{background:#fff;background:var(--surface,#fff);border:2px solid #e9ecef;border:2px solid var(--border-light,#e9ecef);border-radius:8px;border-radius:var(--radius-medium,8px);box-sizing:border-box;color:#2c3e50;color:var(--text-primary,#2c3e50);font-family:inherit;font-size:1rem;max-width:100%;outline:none;padding:14px 16px;resize:vertical;transition:all .3s ease;width:100%}.job-modal-form input:focus,.job-modal-form select:focus,.job-modal-form textarea:focus{border-color:#ff6b47;border-color:var(--primary-orange,#ff6b47);box-shadow:0 0 0 3px #ff6b471a;transform:translateY(-1px)}.job-modal-form input:hover,.job-modal-form select:hover,.job-modal-form textarea:hover{border-color:#ddd;border-color:var(--border,#ddd)}.job-modal-form textarea{word-wrap:break-word;font-family:inherit;line-height:1.5;min-height:120px;resize:vertical;white-space:pre-wrap}.job-modal-row{grid-gap:24px;box-sizing:border-box;display:grid;gap:24px;grid-template-columns:1fr 1fr;width:100%}.job-modal-salary-row{display:flex;gap:12px}.job-modal-salary-row input{flex:2 1}.job-modal-salary-row select{flex:1 1}.job-modal-section{background:#f8f9fa;background:var(--surface-secondary,#f8f9fa);border-radius:8px;border-radius:var(--radius-medium,8px);margin-bottom:2rem;padding:1.5rem}.job-modal-section h3{border-bottom:2px solid #ff6b47;border-bottom:2px solid var(--primary-orange,#ff6b47);color:#2c3e50;color:var(--text-primary,#2c3e50);font-size:1.2rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.job-modal-address-section{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.job-modal-address-section label:first-child{grid-column:1/-1}.job-modal-contact-section{background:#f8f9fa;background:var(--surface-secondary,#f8f9fa);border:1px solid #e9ecef;border:1px solid var(--border-light,#e9ecef);border-radius:8px;border-radius:var(--radius-medium,8px);box-sizing:border-box;max-width:100%;overflow:hidden;padding:24px;width:100%}.job-modal-contact-section h4{align-items:center;color:#2c3e50;color:var(--text-primary,#2c3e50);display:flex;font-size:1.2rem;font-weight:600;gap:8px;margin:0 0 20px}.job-modal-contact-section h4:before{content:"📞";font-size:1.2rem}.job-modal-phone-row{align-items:center;display:flex;gap:20px}.phone-input{flex:1 1;font-family:SF Mono,monospace;letter-spacing:.5px}.messenger-section{flex:1 1;flex-direction:column;gap:0;margin-bottom:0}.messenger-checkboxes,.messenger-section{align-items:center;display:flex;justify-content:center}.messenger-checkboxes{gap:12px}.checkbox-label{border:1px solid #0000;border-radius:4px;border-radius:var(--radius-small,4px);display:flex!important;flex-direction:row!important;font-size:.9rem;font-weight:400!important;gap:8px;justify-content:center;min-height:48px;padding:6px;transition:all .2s ease}.checkbox-label:hover{background:#ff6b470d;border-color:#ff6b4733;transform:translateY(-1px)}.checkbox-label input[type=checkbox]{cursor:pointer;height:14px;margin:0;width:14px}.messenger-button{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;display:flex;flex-direction:column;gap:3px;min-width:70px;padding:6px 10px;transition:all .3s ease}.messenger-icon{color:inherit;font-size:.7rem;line-height:1;margin:0}.messenger-button.wa .messenger-icon{color:#25d366}.messenger-button.tg .messenger-icon{color:#08c}.messenger-text{color:#6c757d;font-size:.65rem;font-weight:500;white-space:nowrap}.checkbox-label:has(input:checked) .messenger-button{background:#e9ecef;border-color:#6c757d;box-shadow:0 2px 8px #0000001a;transform:scale(1.05)}.checkbox-label:has(input:checked) .messenger-text{color:#495057;font-weight:600}.checkbox-label:has(input:not(:checked)) .messenger-button{opacity:.6}.checkbox-label:has(input:not(:checked)) .messenger-text{color:#adb5bd}.job-modal-error{animation:shake .5s ease;background:#ff3b301a;border:1px solid #ff3b3033;border-radius:8px;border-radius:var(--radius-medium,8px);color:#dc3545;color:var(--error,#dc3545);font-size:1rem;font-weight:500;margin-top:8px;padding:16px 20px;text-align:center}.job-modal-actions{border-top:1px solid #e9ecef;border-top:1px solid var(--border-light,#e9ecef);display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px}.job-modal-cancel{background:#f8f9fa;background:var(--surface-secondary,#f8f9fa);border:1px solid #ddd;border:1px solid var(--border,#ddd);border-radius:8px;border-radius:var(--radius-medium,8px);color:#6c757d;color:var(--text-secondary,#6c757d);cursor:pointer;font-size:1rem;font-weight:600;padding:14px 28px;transition:all .3s ease}.job-modal-cancel:hover{background:#ddd;background:var(--border,#ddd);color:#2c3e50;color:var(--text-primary,#2c3e50);transform:translateY(-1px)}.job-modal-save{background:#ff6b47;background:var(--primary-orange,#ff6b47);border:none;border-radius:8px;border-radius:var(--radius-medium,8px);box-shadow:0 4px 12px #ff6b4740;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s ease}.job-modal-save:hover:not(:disabled){background:#e55a3e;background:var(--primary-orange-hover,#e55a3e);box-shadow:0 8px 24px #ff6b4759;transform:translateY(-2px)}.job-modal-save:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.job-modal-save:disabled:hover{background:#ff6b47;background:var(--primary-orange,#ff6b47)}.job-modal-save:nth-last-child(2){background:#ffc107;background:var(--warning,#ffc107);box-shadow:0 4px 12px #ff9f0a40}.job-modal-save:nth-last-child(2):hover:not(:disabled){background:#e6890a;box-shadow:0 8px 24px #ff9f0a59}.job-modal-publish{background:#4caf50;border:none;border-radius:8px;border-radius:var(--radius-medium,8px);box-shadow:0 4px 12px #4caf5040;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s ease}.job-modal-publish:hover:not(:disabled){background:#45a049;box-shadow:0 8px 24px #4caf5059;transform:translateY(-2px)}.job-modal-publish:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.job-modal-publish:disabled:hover{background:#4caf50}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}@keyframes slideInModal{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.job-modal-backdrop .job-modal{box-sizing:border-box!important;margin:0 auto!important;max-width:800px!important;min-width:320px!important;position:relative!important;width:calc(100vw - 40px)!important}@media (min-width:1200px){.job-modal-backdrop .job-modal{max-width:900px!important;padding:48px}.job-modal-row{gap:32px}.job-modal-form{gap:28px}}@media (max-width:1024px) and (min-width:769px){.job-modal-backdrop .job-modal{margin:0 auto!important;max-width:750px!important;padding:32px;width:calc(100vw - 60px)!important}}@media (max-width:768px){.job-modal-backdrop{padding:5px}.job-modal-backdrop .job-modal{margin:0!important;max-height:calc(100vh - 20px)!important;max-width:none!important;padding:24px;width:calc(100vw - 20px)!important}.job-modal-header{margin-bottom:24px;padding-bottom:16px}.job-modal-title{font-size:1.5rem}.job-modal-close{font-size:1.3rem;height:36px;width:36px}.job-modal-form{gap:20px}.job-modal-row{gap:20px;grid-template-columns:1fr}.job-modal-salary-row{flex-direction:column;gap:12px}.job-modal-actions{flex-direction:column-reverse;gap:12px}.job-modal-cancel,.job-modal-publish,.job-modal-save{justify-content:center;width:100%}.job-modal-address-section{gap:16px;grid-template-columns:1fr}.job-modal-address-section label:first-child{grid-column:1}.job-modal-phone-row{align-items:stretch;flex-direction:column;gap:16px}.messenger-section{align-items:center;min-height:auto}.messenger-checkboxes{justify-content:center}}@media (max-width:480px){.job-modal-backdrop{padding:2px}.job-modal-backdrop .job-modal{margin:0!important;max-height:calc(100vh - 10px)!important;max-width:none!important;padding:20px;width:calc(100vw - 10px)!important}.job-modal-header{margin-bottom:20px;padding-bottom:12px}.job-modal-title{font-size:1.3rem}.job-modal-close{font-size:1.2rem;height:32px;width:32px}.job-modal-form input,.job-modal-form select,.job-modal-form textarea{font-size:.95rem;padding:12px 14px}.job-modal-cancel,.job-modal-save{font-size:.95rem;padding:12px 24px}.job-modal-section{padding:1rem}}.job-modal-loading{align-items:center;color:#6c757d;color:var(--text-secondary,#6c757d);display:flex;font-size:1.1rem;font-weight:500;justify-content:center;padding:80px 20px}.job-modal-loading:before{animation:spin 1s linear infinite;border:3px solid #e9ecef;border-top:3px solid #ff6b47;border:3px solid var(--border-light,#e9ecef);border-radius:50%;border-top-color:var(--primary-orange,#ff6b47);content:"";height:24px;margin-right:12px;width:24px}.job-modal-form select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;padding-right:40px}.job-modal-form input::placeholder,.job-modal-form textarea::placeholder{color:#adb5bd;color:var(--text-tertiary,#adb5bd);opacity:.8}:root{--primary-orange:#ff6b47;--primary-orange-hover:#e65a3c;--text-primary:#212529;--text-secondary:#6c757d;--surface:#fff;--page-bg:#f8f9fa;--border-color:#dee2e6;--radius:8px;--shadow:0 4px 15px #00000012}.job-type-indicator{border-radius:4px;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 8px;text-align:center;white-space:nowrap}.job-type-indicator.paid{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.job-type-indicator.free{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.jobs-section{background-color:initial}.jobs-header{align-items:center;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:24px}.jobs-title h2{font-size:2rem;font-weight:700}.jobs-add-btn{align-items:center;background:#ff6b47;background:var(--primary-orange);border:none;border-radius:8px;border-radius:var(--radius);box-shadow:0 4px 15px #ff6b4733;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;outline:none;padding:12px 20px;transition:all .2s ease}.jobs-add-btn:hover{box-shadow:0 6px 20px #ff6b474d;transform:translateY(-2px)}.jobs-tabs{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);margin-bottom:24px}.jobs-tab{background:#0000;border:2px solid #0000;color:#6c757d;color:var(--text-secondary);font-weight:500;margin:0 12px;outline:none;padding:12px 4px}.jobs-tab.active{border-bottom-color:#ff6b47;border-bottom-color:var(--primary-orange);color:#ff6b47;color:var(--primary-orange)}.tab-count{background-color:#e9ecef;border-radius:10px;color:#6c757d;color:var(--text-secondary);font-size:.8em;margin-left:4px;padding:2px 8px}.jobs-table-container{display:none}.mobile-jobs-list{grid-gap:20px;display:grid;gap:20px}.mobile-job-card{background:#fff;background:var(--surface);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius);box-shadow:0 4px 15px #00000012;box-shadow:var(--shadow);padding:24px;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.mobile-job-card:hover{box-shadow:0 8px 25px #00000017;transform:translateY(-4px)}.job-pending .mobile-job-card{border-left:4px solid #ffc107}.mobile-job-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.mobile-job-info{display:flex;flex-direction:column}.mobile-job-title{align-items:center;color:#212529;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;margin:0 0 8px}.status-badge{margin-left:12px}.mobile-category-badge{background-color:initial;border:none;color:#ff6b47;color:var(--primary-orange);font-size:.9rem;font-weight:500;margin-bottom:12px;order:-1;padding:0}.mobile-job-meta{align-items:center;border-bottom:1px solid #f1f3f5;color:#6c757d;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.95rem;gap:8px 24px;margin-bottom:20px;padding-bottom:20px}.mobile-meta-item{align-items:center;display:flex;gap:8px}.mobile-meta-label{display:none}.mobile-job-actions{display:flex;gap:10px}.action-btn{background:#f1f3f5;border:1px solid #f1f3f5;border-radius:8px;border-radius:var(--radius);color:#6c757d;color:var(--text-secondary);font-size:1rem;height:38px;width:38px}.action-btn:hover{background-color:#fff;border-color:#ff6b47;border-color:var(--primary-orange);color:#ff6b47;color:var(--primary-orange)}.delete-btn:hover{background-color:#fff;border-color:#dc3545;color:#dc3545}.job-description,.job-row,.jobs-stats,.jobs-table,.jobs-table-scroll,.mobile-job-description,.th-content{display:none!important}.expires-info{align-items:center;display:flex;gap:6px}.job-type-indicator.free{background:#28a7451a;border:1px solid #28a7454d;border-radius:4px;color:#28a745;filter:drop-shadow(0 0 2px rgba(34,139,34,.6));font-size:.75em;padding:2px 6px;white-space:nowrap}.expires-date{color:#6c757d;color:var(--text-secondary);font-size:.9rem}.expires-date:not(.expired){background-color:#e8f5e8;border:1px solid #c3e6c3;color:#2d5a2d}.expires-date.expired{color:#dc3545;font-weight:600}.mobile-meta-value.expired{background-color:#ffe8e8;border:1px solid #ffcdd2;border-radius:4px;color:#d32f2f;font-weight:600;padding:2px 6px}@media (min-width:769px){.jobs-table-container{display:none}.mobile-jobs-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}}.profile-section{margin:0 auto;max-width:1000px;padding:20px}.section-header{border-bottom:2px solid #ff6b47;margin-bottom:30px;padding-bottom:15px}.section-header h3{color:#333;font-size:24px;font-weight:600}.header-actions{display:flex;gap:10px}.profile-tabs{border-bottom:1px solid #e0e0e0;display:flex;gap:5px;margin-bottom:30px}.tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:14px;padding:12px 20px;transition:all .3s;white-space:nowrap}.tab:hover{background:#f8f9fa;color:#ff6b47}.tab.active{border-bottom-color:#ff6b47;color:#ff6b47;font-weight:600}.profile-content{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000001a;padding:30px}.profile-tab-content h4{align-items:center;color:#333;display:flex;font-size:20px;font-weight:600;gap:10px;margin:0 0 25px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.input-group.full-width{grid-column:span 2}.input-group{display:flex;flex-direction:column}.input-group label{align-items:center;color:#333;display:flex;gap:8px}.social-icon{font-size:16px}.input-group input,.input-group select,.input-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px 15px;transition:border-color .3s}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:#ff6b47;outline:none}.input-group input:disabled,.input-group select:disabled,.input-group textarea:disabled{background-color:#f8f9fa;color:#666;cursor:not-allowed}.input-group textarea{min-height:100px;resize:vertical}.btn{padding:10px 20px;transition:all .3s}.btn-primary{background-color:#ff6b47}.btn-primary:hover{background-color:#e55a3c}.btn-secondary{background-color:#6c757d}.btn-secondary:hover{background-color:#5a6268}.btn-warning{background-color:#ffc107;color:#212529}.btn-warning:hover{background-color:#e0a800}.btn-small{font-size:12px;padding:6px 12px}.btn:disabled{transform:none!important}.notification-settings{display:flex;flex-direction:column;gap:25px}.setting-group{background:#fafafa;border:1px solid #e0e0e0;border-radius:12px;padding:20px}.checkbox-label{align-items:center;color:#333;cursor:pointer;display:flex;font-weight:600;gap:12px;margin-bottom:8px}.checkbox-label input[type=checkbox]{accent-color:#ff6b47;height:18px;width:18px}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed}.setting-description{color:#666;font-size:13px;line-height:1.4;margin:0}.setting-group select{margin-bottom:10px;margin-top:10px}@media (max-width:768px){.profile-section{padding:15px}.form-grid{grid-template-columns:1fr}.input-group.full-width{grid-column:span 1}.profile-tabs{flex-wrap:wrap;gap:2px}.tab{font-size:12px;padding:10px 12px}.section-header{align-items:flex-start;flex-direction:column;gap:15px}.header-actions{justify-content:flex-end;width:100%}}@media (max-width:480px){.profile-content{padding:20px 15px}.tab{font-size:11px;padding:8px 10px}.btn{font-size:13px;padding:8px 16px}}.settings-section{margin:0 auto;max-width:800px;padding:24px}.settings-header{margin-bottom:32px}.settings-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 8px}.settings-subtitle{color:var(--text-secondary);font-size:1rem;margin:0}.settings-content{display:flex;flex-direction:column;gap:24px}.settings-card{background:var(--surface-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px}.settings-card h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 16px}.setting-item{margin-bottom:16px}.setting-item:last-child{margin-bottom:0}.setting-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:12px}.setting-label input[type=checkbox]{accent-color:var(--primary-orange);height:20px;width:20px}.setting-label span{-webkit-user-select:none;user-select:none}.setting-item label:not(.setting-label){color:var(--text-primary);display:block;font-weight:600;margin-bottom:8px}.setting-item select{background:var(--surface-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;padding:12px;width:100%}.setting-item select:focus{border-color:var(--primary-orange);box-shadow:0 0 0 3px #ff8c651a;outline:none}.danger-zone{background:snow;border-color:#fee}.danger-zone h4{color:#dc3545}.danger-zone p{color:var(--text-secondary);font-size:.9rem;margin:0 0 16px}.btn-danger{background:#dc3545;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-danger:hover{background:#c82333}@media (max-width:768px){.settings-section{padding:16px}.settings-card{padding:20px}.setting-label{align-items:flex-start;gap:8px}.setting-label input[type=checkbox]{margin-top:2px}}.billing-dashboard{padding:0}.billing-loading{align-items:center;color:#666;display:flex;font-size:16px;height:200px;justify-content:center}.alert-error{background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;color:#c53030;margin-bottom:20px;padding:12px}.alert-warning{background:#fffbf0;border:1px solid #fbd38d;border-radius:8px;color:#975a16;font-size:14px;margin-top:10px;padding:12px}.billing-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:#fff;border-left:4px solid #ff6b45;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.stat-card.primary{border-left-color:#28a745}.stat-icon{font-size:32px;margin-right:15px;text-align:center;width:50px}.stat-content{flex:1 1}.stat-value{color:#2c3e50;font-size:24px;font-weight:700;margin-bottom:4px}.stat-label{color:#6c757d;font-size:14px}.billing-actions{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px}.btn{background:#ff6b45;color:#fff;font-size:14px;font-weight:600}.btn:hover{box-shadow:0 4px 12px #ff6b474d;transform:translateY(-1px)}.btn:disabled{background:#ccc;box-shadow:none;transform:none}.btn-primary{background:#ff6b45}.btn-success{background:#28a745}.btn-success:hover{box-shadow:0 4px 12px #28a7454d}.btn-secondary:hover{box-shadow:0 4px 12px #6c757d4d}.section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:25px;padding:25px}.section h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 20px}.tariffs-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.tariff-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;padding:20px;transition:all .3s ease}.tariff-card:hover{border-color:#ff6b45;box-shadow:0 4px 20px #ff6b4726;transform:translateY(-2px)}.tariff-card.selected{background:#ff6b470d;border-color:#ff6b45;box-shadow:0 4px 20px #ff6b4733}.tariff-price{color:#ff6b45;font-size:24px;font-weight:700;margin-bottom:8px}.tariff-card h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 8px}.tariff-card p{color:#6c757d;font-size:14px;line-height:1.4;margin:0 0 8px}.tariff-duration{color:#adb5bd;font-size:12px;font-weight:500}.payments-list,.transactions-list{space-y:10px}.payment-item,.transaction-item{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;margin-bottom:15px;padding:20px;transition:all .3s ease}.payment-item:hover,.transaction-item:hover{border-color:#ff6b45;box-shadow:0 8px 25px #0000001f;transform:translateY(-2px)}.payment-info,.transaction-info{flex:1 1}.payment-amount,.transaction-amount{color:#ff6b45;font-size:18px;font-weight:700;margin-bottom:8px}.payment-amount.refill,.transaction-amount.positive{color:#28a745}.transaction-amount.negative{color:#dc3545}.payment-type,.transaction-description{color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:6px}.payment-date,.transaction-date{align-items:center;color:#6c757d;display:flex;font-size:14px;gap:8px}.payment-status{background:linear-gradient(135deg,#28a745,#34ce57);border-radius:20px;box-shadow:0 2px 8px #28a7454d;color:#fff;font-size:14px;font-weight:600;min-width:100px;padding:8px 16px;text-align:center}.empty-state{color:#6c757d;padding:40px 20px}.empty-state span{font-size:48px;margin-bottom:10px}.empty-state p{font-size:16px;margin:0}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal.balance-modal{max-width:600px}.modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 25px}.modal-header h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background .2s ease;width:30px}.modal-close:hover{background:#f8f9fa}.modal-content{padding:25px}.modal-actions{border-top:1px solid #e9ecef;display:flex;gap:10px;justify-content:flex-end;padding:20px 25px}.input-group{margin-bottom:20px}.input-group label{color:#495057;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.input-group input,.input-group select{background:#fff;border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:border-color .2s ease;width:100%}.input-group input:focus,.input-group select:focus{border-color:#ff6b45;box-shadow:0 0 0 3px #ff6b471a;outline:none}.current-balance-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:15px;text-align:center}.current-balance-info span{color:#495057;font-size:16px}.quick-amounts{margin-bottom:20px}.quick-amounts label{color:#495057;display:block;font-weight:600;margin-bottom:10px}.quick-amounts-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.quick-amount-btn{background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease}.quick-amount-btn:hover{background:#fff5f3;border-color:#ff6b45}.quick-amount-btn.active{background:#ff6b45;border-color:#ff6b45;color:#fff}.input-hint{color:#6c757d;display:block;font-size:12px;margin-top:5px}.email-input{background:#fff;border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:border-color .2s ease;width:100%}.email-input:focus{border-color:#ff6b45;box-shadow:0 0 0 3px #ff6b451a;outline:none}.email-input::placeholder{color:#999}.payment-methods{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:10px}.payment-method{align-items:center;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:12px 16px;position:relative;transition:all .2s ease}.payment-method:hover{background:#fff5f3;border-color:#ff6b45}.payment-method.selected{background:#ff6b45;border-color:#ff6b45;color:#fff}.payment-method-icon{font-size:20px}.payment-method-name{font-size:14px;font-weight:500}.payment-method-badge{background:#28a745;border-radius:12px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;position:absolute;right:-8px;top:-8px}.payment-summary{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:20px;padding:20px}.summary-row{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:8px 0}.summary-row:last-child{border-bottom:none}.summary-row.total{border-top:2px solid #28a745;color:#28a745;font-size:18px;font-weight:600;margin-top:10px;padding-top:15px}.summary-row span:last-child{color:#495057}.summary-row.total span:last-child{color:#28a745}@media (max-width:768px){.billing-stats,.tariffs-grid{grid-template-columns:1fr}.billing-actions{flex-direction:column}.btn{justify-content:center;width:100%}.payment-item,.transaction-item{align-items:flex-start;flex-direction:column;gap:10px}.modal{margin:10px;max-width:none}.quick-amounts-grid{grid-template-columns:repeat(2,1fr)}.payment-methods{grid-template-columns:1fr}}.tariff-card.free-tariff{background:linear-gradient(135deg,#f8fff8,#e8f5e8);border-color:#27ae60}.tariff-card.free-tariff:hover{border-color:#27ae60;box-shadow:0 4px 12px #27ae6033;transform:translateY(-2px)}.tariff-card.free-tariff.selected{background:linear-gradient(135deg,#e8f5e8,#d4f4d4);border-color:#27ae60}.tariff-price.free-price{color:#27ae60;font-size:18px;font-weight:700}.tariff-remaining{background:#27ae601a;border-radius:6px;color:#27ae60;font-size:12px;font-weight:500;margin-top:10px;padding:6px 12px}.stat-card.success{border-left-color:#27ae60}.moderation-panel{margin:0 auto;max-width:1200px;padding:24px}.moderation-header{margin-bottom:32px}.moderation-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 16px}.moderation-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px}.stat-card{background:var(--surface-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px;text-align:center}.stat-number{color:var(--primary-orange);font-size:2rem;font-weight:700;margin-bottom:4px}.stat-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.empty-state,.error-state,.loading-state{background:var(--surface-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:48px 24px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-light);border:3px solid var(--border-light);border-radius:50%;border-top-color:var(--primary-orange);height:32px;margin:0 auto 16px;width:32px}.empty-icon,.error-icon{font-size:3rem;margin-bottom:16px}.empty-state h3,.error-state h3{color:var(--text-primary);margin:0 0 8px}.empty-state p,.error-state p{color:var(--text-secondary);margin:0 0 16px}.error-state button{background:var(--primary-orange);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:500;padding:12px 24px}.moderation-list{display:flex;flex-direction:column;gap:20px}.moderation-job-card{background:var(--surface-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease}.moderation-job-card:hover{border-color:var(--primary-orange);box-shadow:0 4px 12px #0000001a}.job-header{align-items:flex-start;display:flex;justify-content:space-between;padding:20px 20px 0}.job-title-area{flex:1 1}.job-title{color:var(--text-primary);font-size:1.2rem;font-weight:600;line-height:1.3;margin:0 0 8px}.job-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.status-badge{border-radius:var(--radius-sm);display:inline-block;font-size:.8rem;font-weight:600;padding:4px 10px;text-transform:uppercase}.status-pending{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.status-active{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-rejected{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-draft{background:#e2e3e5;border:1px solid #d6d8db;color:#383d41}.job-author,.job-id{background:var(--surface-secondary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.85rem;padding:2px 8px}.job-actions{display:flex;flex-shrink:0;gap:8px}.btn{border-radius:var(--radius-md);display:flex;min-width:40px;padding:8px 12px}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-history{background:var(--surface-secondary);color:var(--text-primary)}.btn-history:hover:not(:disabled){background:#e9ecef}.btn-approve{background:#28a745;color:#fff}.btn-approve:hover:not(:disabled){background:#218838}.btn-reject{background:#dc3545;color:#fff}.btn-reject:hover:not(:disabled){background:#c82333}.job-content{padding:0 20px 20px}.job-description{background:var(--surface-secondary);border-radius:var(--radius-md);color:var(--text-secondary);line-height:1.5;margin:16px 0;padding:16px;white-space:pre-line}.job-details{grid-gap:8px;display:grid;gap:8px}.detail-row{align-items:flex-start;border-bottom:1px solid var(--border-light);display:flex;gap:12px;padding:8px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--text-primary);flex-shrink:0;font-weight:600;min-width:140px}.detail-value{color:var(--text-secondary);flex:1 1}.rejection-reason{background:#fff5f5;border-radius:var(--radius-md);margin:8px -8px -8px;padding:12px 8px}.rejection-reason .detail-label{color:#e53e3e}.rejection-reason .detail-value{color:#c53030;font-weight:500}.pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:32px;padding:20px}.pagination-btn{background:var(--surface-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-weight:500;padding:10px 16px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--primary-orange);border-color:var(--primary-orange);color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:var(--text-secondary);font-weight:500}.history-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.history-modal{background:var(--surface-primary);border-radius:var(--radius-lg);box-shadow:0 10px 25px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:800px;width:100%}.history-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:20px}.history-header h3{color:var(--text-primary);margin:0}.close-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:1.5rem;padding:4px}.close-btn:hover{background:var(--surface-secondary)}.history-content{flex:1 1;overflow-y:auto;padding:20px}.history-list{display:flex;flex-direction:column;gap:16px}.history-entry{background:var(--surface-secondary);border-left:4px solid var(--primary-orange);border-radius:var(--radius-md);padding:16px}.history-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.history-date{background:var(--surface-primary);color:var(--text-secondary);font-size:.85rem}.history-date,.history-type{border-radius:var(--radius-sm);padding:2px 8px}.history-type{font-size:.8rem;font-weight:600;text-transform:uppercase}.type-created{background:#e3f2fd;color:#1976d2}.type-updated{background:#fff3e0;color:#f57c00}.type-moderated{background:#e8f5e8;color:#2e7d32}.type-rejected{background:#ffebee;color:#d32f2f}.type-archived{background:#f3e5f5;color:#7b1fa2}.history-admin,.history-user{color:var(--text-secondary);font-size:.85rem}.history-summary{color:var(--text-primary);font-weight:500;margin-bottom:8px}.history-comment{color:var(--text-secondary);font-style:italic;margin-bottom:8px}.history-details{margin-top:8px}.history-details details{cursor:pointer}.history-details summary{color:var(--primary-orange);font-size:.9rem;font-weight:500}.changed-field{background:var(--surface-primary);border-radius:var(--radius-sm);margin:8px 0;padding:8px}.field-changes{display:flex;flex-direction:column;gap:4px;margin-top:4px}.new-value,.old-value{border-radius:var(--radius-sm);font-size:.85rem;padding:4px 8px}.old-value{background:#ffebee;color:#c62828}.new-value{background:#e8f5e8;color:#2e7d32}.status-change{margin-top:8px}.status-arrow{background:var(--surface-primary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.9rem;padding:4px 8px}@media (max-width:768px){.moderation-panel{padding:16px}.moderation-stats{grid-template-columns:repeat(2,1fr)}.job-header{flex-direction:column;gap:16px}.job-actions{align-self:stretch;justify-content:center}.detail-row{flex-direction:column;gap:4px}.detail-label{min-width:0;min-width:auto}.history-modal{margin:10px;max-height:90vh}.history-meta{align-items:flex-start;flex-direction:column;gap:8px}.field-changes{gap:2px}}.dashboard-container{background:var(--background);min-height:100vh;padding:20px}.dashboard{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-heavy);margin:0 auto;max-width:1400px;min-width:800px;padding:40px 48px;position:relative}.user-header{align-items:center;border-bottom:2px solid var(--border-light);display:flex;gap:24px;margin-bottom:40px;padding-bottom:32px;position:relative}.logo-section{margin-right:12px}.dashboard-logo{height:48px;transition:transform .3s ease;width:auto}.dashboard-logo:hover{transform:scale(1.05)}.user-header:after{background:linear-gradient(135deg,var(--primary-orange) 0,var(--secondary-orange) 100%);border-radius:2px;bottom:-2px;content:"";height:4px;left:0;position:absolute;width:80px}.avatar{border:3px solid var(--surface);border-radius:50%;box-shadow:0 8px 24px #ff6b4726;height:80px;transition:all .3s ease;width:80px}.avatar:hover{box-shadow:0 12px 32px #ff6b4740;transform:scale(1.05)}.user-header h2{color:var(--text-primary);font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:2rem;font-weight:700;line-height:1.2;margin:0 0 8px}.role{background:#ff6b471a;border:1px solid #ff6b4733;border-radius:var(--radius-xl);color:var(--primary-orange);display:inline-block;font-size:1rem;font-weight:600;padding:6px 16px}.logout-btn{margin-left:auto}.main-nav{align-items:center;background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:var(--radius-large);box-shadow:var(--shadow-light);display:flex;gap:20px;justify-content:space-between;margin-bottom:40px;padding:6px 20px}.nav-logo{flex-shrink:0}.nav-logo .dashboard-logo{height:40px;transition:transform .3s ease;width:auto}.nav-logo .dashboard-logo:hover{transform:scale(1.05)}.nav-buttons{background:#0000;border-radius:var(--radius-medium);display:flex;flex:1 1;gap:0;justify-content:center;padding:0}.nav-buttons button{background:#0000;border:none;border-radius:var(--radius-medium);color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;max-width:180px;padding:16px 24px;position:relative;transition:all .3s ease}.nav-buttons button:hover:not(.active){background:#ff6b4714;color:var(--primary-orange);transform:translateY(-1px)}.nav-buttons .active{background:var(--primary-orange);box-shadow:0 4px 16px #ff6b4740;color:#fff;transform:translateY(-1px)}.logout-btn{background:var(--surface-secondary);border:1px solid var(--border);border-radius:var(--radius-medium);color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .3s ease}.logout-btn:hover{background:var(--error);box-shadow:0 8px 24px #ff3b3040;color:#fff;transform:translateY(-2px)}.section-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:20px}.section-header h3{color:var(--text-primary);font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.75rem;font-weight:700;margin:0;position:relative}.section-header h3:after{background:linear-gradient(135deg,var(--primary-orange) 0,var(--secondary-orange) 100%);border-radius:2px;bottom:-20px;content:"";height:3px;left:0;position:absolute;width:60px}.add-btn{align-items:center;background:var(--primary-orange);border:none;border-radius:var(--radius-medium);box-shadow:0 4px 12px #ff6b4740;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s ease}.add-btn:hover{background:var(--primary-orange-hover);box-shadow:0 8px 24px #ff6b4759;transform:translateY(-2px)}.add-btn:before{content:"+";font-size:1.2rem;font-weight:700}.empty-state{background:var(--surface-secondary);border:2px dashed var(--border);border-radius:var(--radius-xl);color:var(--text-secondary);font-size:1.1rem;margin:80px 0;padding:60px 40px;text-align:center}.empty-state span{display:block;font-size:3rem;margin-bottom:24px;opacity:.6}.empty-state p{color:var(--text-secondary);font-size:1.2rem;margin:16px 0 0}.alert-error{background:#ff3b301a;border:1px solid #ff3b3033;border-radius:var(--radius-medium);color:var(--error);font-weight:500;margin:20px 0;padding:16px 20px}.profile-info-block{align-items:center;background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:var(--radius-large);display:flex;gap:24px;padding:32px;transition:all .3s ease}.profile-info-block:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.profile-avatar-large{border:4px solid var(--surface);border-radius:50%;box-shadow:0 8px 24px #007aff26;height:120px;transition:all .3s ease;width:120px}.profile-avatar-large:hover{box-shadow:0 12px 32px #007aff40;transform:scale(1.05)}.profile-name{color:var(--text-primary);font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:8px}.profile-username{color:var(--text-secondary);font-size:1.1rem;font-weight:500;margin-bottom:4px}.profile-id{color:var(--text-tertiary);font-size:.9rem;font-weight:400}.section{margin-bottom:40px}@media (max-width:1200px){.dashboard{margin:0 20px;min-width:auto;padding:32px 24px}}@media (max-width:768px){.dashboard-container{padding:10px}.dashboard{border-radius:var(--radius-large);margin:0;padding:24px 16px}.user-header{flex-direction:column;gap:16px;text-align:center}.user-header h2{font-size:1.5rem}.logout-btn{margin-left:0}.main-nav{flex-direction:column;gap:12px;padding:16px}.nav-logo{text-align:center}.nav-logo .dashboard-logo{height:32px}.nav-buttons{flex-direction:column;gap:4px}.nav-buttons button{font-size:.9rem;max-width:none;padding:12px 16px}.logout-btn{margin:0;width:100%}.section-header{align-items:stretch;flex-direction:column;gap:16px}.section-header h3{font-size:1.5rem}.profile-info-block{flex-direction:column;padding:24px;text-align:center}.empty-state{margin:40px 0;padding:40px 20px}.empty-state span{font-size:2rem}}@media (max-width:480px){.dashboard{padding:20px 12px}.user-header h2{font-size:1.3rem}.avatar{height:60px;width:60px}.profile-avatar-large{height:80px;width:80px}.profile-name{font-size:1.2rem}.profile-username{font-size:1rem}.nav-buttons button{font-size:.85rem;padding:10px 12px}.add-btn{font-size:.9rem;padding:12px 20px}}.payment-success-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.payment-success-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:500px;overflow:hidden;width:100%}.payment-success-content{padding:40px;text-align:center}.payment-success-icon{align-items:center;display:flex;font-size:4rem;height:80px;justify-content:center;margin-bottom:20px}.payment-success-icon.loading{color:#667eea}.payment-success-icon.success{color:#4caf50}.payment-success-icon.pending{color:#ff9800}.payment-success-icon.error{color:#f44336}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.payment-success-content h2{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:15px}.payment-success-content p{color:#666;font-size:1.1rem;line-height:1.5;margin-bottom:20px}.payment-details{background:#f8f9fa;border-radius:10px;margin:20px 0;padding:20px}.payment-detail{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.payment-detail:last-child{margin-bottom:0}.payment-detail .label{color:#666;font-weight:500}.payment-detail .value{color:#333;font-weight:600}.payment-detail .status-success{color:#4caf50}.redirect-info{color:#888;font-size:.9rem;font-style:italic;margin-top:20px}.status-info{color:#888;font-size:.9rem;margin-top:10px}.payment-actions{display:flex;gap:15px;justify-content:center;margin-top:20px}.payment-success-footer{background:#f8f9fa;border-top:1px solid #e9ecef;padding:20px;text-align:center}.btn{border-radius:8px;display:inline-block;font-size:1rem;transition:all .3s ease}.btn-primary{background:#667eea}.btn-primary:hover{background:#5a6fd8;transform:translateY(-2px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268;transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #667eea;color:#667eea}.btn-outline:hover{background:#667eea;color:#fff}.payment-error-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}.payment-error-buttons .btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;min-width:160px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.payment-error-buttons .btn-primary{background:#ff8c65;color:#fff}.payment-error-buttons .btn-primary:hover{background:#ff7a52;transform:translateY(-2px)}.payment-error-buttons .btn-secondary{background:#6c757d;color:#fff}.payment-error-buttons .btn-secondary:hover{background:#5a6268;transform:translateY(-2px)}.payment-success-message.error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#dc3545;line-height:1.6;margin-bottom:20px;padding:20px}.payment-success-message.warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;line-height:1.6;margin-bottom:20px;padding:20px}@media (max-width:768px){.payment-success-container{padding:10px}.payment-success-content{padding:30px 20px}.payment-success-icon{font-size:3rem;height:60px}.payment-success-content h2{font-size:1.5rem}.payment-actions{flex-direction:column}.btn{width:100%}}.not-found-page{align-items:center;background:#fffbfa;display:flex;justify-content:center;min-height:70vh;padding:40px 20px}.not-found-container{background:#fff;border:1px solid #f5e6e3;border-radius:16px;box-shadow:0 4px 16px #ff6b471f;max-width:600px;padding:40px;text-align:center}.error-icon{color:#ff6b47;display:block;font-size:80px;margin-bottom:30px}.error-title{color:#1d1d1f;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:48px;font-weight:700;letter-spacing:-.02em;margin-bottom:16px}.error-subtitle{color:#86868b;font-size:24px;font-weight:500;margin-bottom:24px}.error-description{color:#86868b;font-size:16px;line-height:1.6;margin-bottom:40px}.error-actions{align-items:center;display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:16px;font-weight:500;gap:8px;justify-content:center;min-width:200px;padding:12px 24px;text-decoration:none;transition:all .2s ease}.btn-primary{background:#ff6b47;color:#fff}.btn-primary:hover{background:#e55a41;box-shadow:0 4px 16px #ff6b471f;transform:translateY(-1px)}.btn-secondary{background:#fff4f2;border:1px solid #f5e6e3;color:#1d1d1f}.btn-secondary:hover{background:#f5e6e3;transform:translateY(-1px)}.quick-links{border-top:1px solid #fff0ed;padding-top:30px}.quick-links h3{color:#1d1d1f;font-size:18px;font-weight:600;margin-bottom:16px}.links-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-link{align-items:center;background:#fff4f2;border:1px solid #fff0ed;border-radius:12px;display:flex;gap:8px;padding:12px 16px;transition:all .2s ease}.quick-link,.quick-link:hover{color:#1d1d1f;text-decoration:none}.quick-link:hover{background:#f5e6e3;transform:translateY(-1px)}.quick-link i{color:#ff6b47;text-align:center;width:20px}@media (max-width:768px){.not-found-page{min-height:60vh;padding:20px 10px}.not-found-container{margin:0;padding:30px 20px}.error-title{font-size:36px}.error-subtitle{font-size:20px}.error-icon{font-size:60px}.links-grid{grid-template-columns:1fr}.error-actions{flex-direction:column}.btn{width:100%}}@media (max-width:480px){.error-title{font-size:32px}.error-subtitle{font-size:18px}.error-description{font-size:14px}}.footer{background:#f8f9fb;border-top:1px solid #e0e4e8;color:#6c757d;font-size:14px;margin-top:48px;padding:32px 0}.footer-content{margin:0 auto;max-width:1200px;padding:0 20px}.footer-section{margin-bottom:24px}.footer-section:last-child{margin-bottom:0}.footer-info{line-height:1.6;margin-bottom:20px}.footer-company{font-weight:500;margin-bottom:8px}.footer-address{color:#8e9aaf;margin-bottom:16px}.footer-social{align-items:center;display:flex;gap:16px}.footer-social a{align-items:center;background:#fff;border:1px solid #e0e4e8;border-radius:8px;color:#6c757d;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .2s ease;width:40px}.footer-social a:hover{background:#ff8c65;border-color:#ff8c65;color:#fff;transform:translateY(-2px)}.footer-social .fab{font-size:18px}.footer-links{display:flex;flex-wrap:wrap;gap:24px;margin-top:20px}.footer-links a{color:#6c757d;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:#ff8c65}@media (max-width:768px){.footer{margin-top:32px;padding:24px 0}.footer-content{padding:0 16px}.footer-links{flex-direction:column;gap:12px;margin-top:16px}.footer-social{justify-content:center;margin-top:16px}}