:root{--primary-color: #ff6b35;--secondary-color: #f7931e;--accent-color: #ffbc42;--text-dark: #2c3e50;--text-light: #7f8c8d;--background-light: #f8f9fa;--background-white: #ffffff;--border-color: #e9ecef;--shadow-light: 0 2px 10px rgba(64, 23, 23, .1);--shadow-medium: 0 4px 20px rgba(0, 0, 0, .15);--border-radius: 12px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 8px;--spacing-lg: 24px;--spacing-xl: 32px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-xxl: 32px}*{box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--background-light);color:var(--text-dark);line-height:1.6;margin:0;padding:0}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.card{background:var(--background-white);border-radius:var(--border-radius);box-shadow:var(--shadow-light);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.button{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.button-strong{font-size:var(--font-size-xl);padding:var(--spacing-md) var(--spacing-xl);box-shadow:0 4px 24px #ff6b3526;border:2px solid var(--primary-color);letter-spacing:1px}.profile-center-bar{width:100vw;display:flex;justify-content:center;align-items:center;position:fixed;top:32px;left:0;z-index:999;pointer-events:none;margin-top:0}.profile-center-btn{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));color:#fff;font-size:var(--font-size-xxl);font-weight:700;border:none;border-radius:32px;padding:18px 48px;box-shadow:0 6px 32px #ff6b352e;margin-bottom:0;margin-top:0;cursor:pointer;pointer-events:auto;transition:transform .2s,box-shadow .2s}.profile-center-btn:hover{transform:scale(1.04);box-shadow:0 8px 40px #ff6b3540}.button:hover{background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));transform:translateY(-1px)}.button:disabled{background:var(--text-light);cursor:not-allowed;transform:none}.tag{background:var(--accent-color);color:var(--text-dark);padding:var(--spacing-xs) var(--spacing-sm);border-radius:20px;font-size:var(--font-size-sm);font-weight:500;display:inline-block;margin:var(--spacing-xs)}.loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:var(--font-size-lg);color:var(--text-light)}.loading:after{content:"";width:20px;height:20px;border:2px solid var(--primary-color);border-top:2px solid transparent;border-radius:50%;margin-left:var(--spacing-sm);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.section-title{color:var(--text-dark);font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:3px solid var(--primary-color);display:inline-block}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin:var(--spacing-md) 0}.info-item{background:var(--background-light);padding:var(--spacing-md);border-radius:var(--border-radius);border-left:4px solid var(--primary-color)}.emoji{font-size:var(--font-size-lg);margin-right:var(--spacing-xs)}.auth-nav{display:flex;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-md)}.form-card{max-width:400px;margin:40px auto;padding:32px}.form-input{width:100%;margin-bottom:16px;padding:8px;font-size:var(--font-size-md);border:1px solid var(--border-color);border-radius:8px;background:transparent}.input-wrapper{position:relative;width:100%;margin-bottom:16px}.input-with-icon{padding-right:40px}.icon-right{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer}.full-width-button{width:100%}.form-error{color:red;margin-top:12px}.form-error-small{color:red;font-size:12px;margin-top:-8px;margin-bottom:8px}.password-requirements{margin-top:8px;font-size:12px;color:#555}.info-line{font-size:20px;margin-bottom:12px}.muted{font-size:16px;color:#888}.page-padding{padding:var(--spacing-lg)}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.post-body-container{max-width:800px;margin:20px auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6}.card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000000d}.position-details h2{margin-top:0;margin-bottom:16px}.position-description{background-color:#f9f9f9;border-radius:4px;padding:12px 16px;white-space:pre-wrap;word-break:keep-all}.company-details h3{margin-top:0;border-bottom:2px solid #f0f0f0;padding-bottom:8px}.tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tag{background-color:#eef2ff;color:#4338ca;font-size:.85rem;padding:4px 10px;border-radius:12px;font-weight:500}.other-info p{margin:5px 0}.loading,.error-message,.no-data{text-align:center;padding:40px;font-size:1.2rem;color:#555}.error-message{color:#d93025}.post-list-container{max-width:1200px;margin:0 auto;padding:20px}.post-list-container h1{margin-bottom:24px}.content-wrapper{display:flex;flex-direction:column;gap:24px}@media (min-width: 1024px){.content-wrapper{flex-direction:row;align-items:flex-start}}.main-content{flex:1;width:100%}.top-filters{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap;align-items:center;justify-content:space-between}.top-filters-row{display:flex;gap:12px;flex-wrap:wrap}.btn-reset-all{padding:10px 20px;background-color:#fff;border:1px solid #dee2e6;border-radius:6px;font-size:.9rem;color:#6c757d;cursor:pointer;transition:all .2s ease;font-weight:500}.btn-reset-all:hover{background-color:#f8f9fa;border-color:#adb5bd;color:#495057}.filter-dropdown{position:relative}.filter-dropdown-toggle{padding:10px 16px;background-color:#fff;border:1px solid #dee2e6;border-radius:6px;font-size:.9rem;color:#212529;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;min-width:120px;justify-content:space-between}.filter-dropdown-toggle:hover{border-color:#adb5bd;background-color:#f8f9fa}.filter-dropdown-toggle.changed{background-color:#4338ca;color:#fff;border-color:#4338ca;font-weight:600}.filter-dropdown-toggle.changed:hover{background-color:#3730a3;border-color:#3730a3}.filter-dropdown-toggle.changed .arrow{color:#fff}.filter-dropdown-toggle .arrow{font-size:.7rem;color:#6c757d}.filter-dropdown-toggle .refresh-icon{font-size:1rem;margin-right:4px}.filter-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;background-color:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 4px 12px #0000001a;min-width:200px;z-index:1000;padding:8px 0}.filter-dropdown-menu.domain-menu{min-width:250px;max-height:400px;overflow-y:auto}.filter-dropdown-option{display:flex;align-items:center;padding:10px 16px;cursor:pointer;transition:background-color .2s ease}.filter-dropdown-option:hover{background-color:#f8f9fa}.filter-dropdown-option input[type=checkbox],.filter-dropdown-option input[type=radio]{width:18px;height:18px;margin-right:10px;cursor:pointer;accent-color:#4338ca}.filter-dropdown-option span{font-size:.9rem;color:#495057;-webkit-user-select:none;user-select:none}.dropdown-actions{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #e9ecef;margin-top:8px}.btn-reset,.btn-apply{flex:1;padding:8px 16px;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-reset{background-color:#fff;border:1px solid #dee2e6;color:#6c757d}.btn-reset:hover{background-color:#f8f9fa;border-color:#adb5bd}.btn-apply{background-color:#212529;border:1px solid #212529;color:#fff}.btn-apply:hover{background-color:#000;border-color:#000}.job-filter-sidebar{width:100%}@media (min-width: 1024px){.job-filter-sidebar{width:320px;flex-shrink:0;position:sticky;top:20px}}.filter-toggle{width:100%;padding:16px 20px;background-color:#f1f3f5;border:1px solid #dee2e6;border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-size:1rem;font-weight:600;color:#212529;cursor:pointer;transition:background-color .2s ease}@media (min-width: 1024px){.filter-toggle{display:none}}.filter-toggle:hover{background-color:#e9ecef}.filter-toggle .arrow{transition:transform .3s ease;font-size:.8rem}.filter-toggle .arrow.open{transform:rotate(180deg)}.job-filter-content{margin-top:16px;padding:24px;background-color:#fff;border:1px solid #dee2e6;border-radius:8px;display:none}.job-filter-content.open{display:block}@media (min-width: 1024px){.job-filter-content{display:block;margin-top:0}}.job-filter-content h2{font-size:1.1rem;font-weight:700;color:#212529;margin:0 0 24px}.filter-section{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid #e9ecef}.filter-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.filter-section h2{font-size:1rem;font-weight:700;color:#212529;margin:0 0 16px}.filter-category{margin-bottom:24px}.filter-category:last-child{margin-bottom:0}.filter-category h3{font-size:.95rem;font-weight:700;color:#212529;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.filter-options{display:flex;flex-direction:column;gap:8px;padding-left:8px}.filter-checkbox{display:flex;align-items:center;cursor:pointer;padding:6px 0;transition:color .2s ease}.filter-checkbox:hover{color:#4338ca}.filter-checkbox input[type=checkbox]{width:18px;height:18px;margin-right:10px;cursor:pointer;accent-color:#4338ca}.filter-checkbox span{font-size:.9rem;color:#495057;-webkit-user-select:none;user-select:none}.filter-checkbox:hover span{color:#212529}.filter-radio{display:flex;align-items:center;cursor:pointer;padding:6px 0;transition:color .2s ease}.filter-radio:hover{color:#4338ca}.filter-radio input[type=radio]{width:18px;height:18px;margin-right:10px;cursor:pointer;accent-color:#4338ca}.filter-radio span{font-size:.9rem;color:#495057;-webkit-user-select:none;user-select:none}.filter-radio:hover span{color:#212529}.post-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:24px;width:100%}@media (min-width: 1024px){.post-list-grid{flex:1}}.post-card{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;text-decoration:none;color:inherit;background-color:#fff;box-shadow:0 2px 4px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.post-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0000001a}.card-content{padding:16px}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;position:relative}.profile-image-wrapper{flex-shrink:0}.bookmark-button{margin-left:auto;background:none;border:none;font-size:1.5rem;cursor:pointer;padding:4px 8px;color:#d0d0d0;transition:all .2s ease;line-height:1;display:flex;align-items:center;justify-content:center}.bookmark-button:hover{color:#fbbf24;transform:scale(1.1)}.bookmark-button.bookmarked{color:#fbbf24}.bookmark-button:disabled{opacity:.5;cursor:not-allowed}.profile-image{width:48px;height:48px;border-radius:4px;object-fit:cover}.profile-image-placeholder{width:48px;height:48px;border-radius:4px;background-color:#e0e0e0;border:1px solid #d0d0d0}.card-position-title{font-size:1.1rem;font-weight:600;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-company-name{font-size:.95rem;color:#333;margin:0 0 4px}.card-location{font-size:.85rem;color:#777;margin:0 0 12px}.card-tags{display:flex;flex-wrap:wrap;gap:6px;min-height:22px}.card-tag{background-color:#eef2ff;color:#4338ca;font-size:.75rem;font-weight:500;padding:3px 8px;border-radius:10px}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:40px;padding:20px 0}.pagination button{min-width:45px;height:45px;border:1px solid #dee2e6;background-color:#fff;color:#495057;font-size:1rem;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.pagination button:hover:not(:disabled){background-color:#f8f9fa;border-color:#adb5bd;transform:translateY(-2px)}.pagination button.pagination-number{min-width:45px}.pagination button.active{background-color:#4338ca;color:#fff;border-color:#4338ca;font-weight:700}.pagination button.pagination-nav{min-width:80px;padding:0 16px;font-weight:600}.pagination button:disabled{background-color:#f8f9fa;color:#adb5bd;border-color:#e9ecef;cursor:not-allowed;opacity:.6}.pagination button:disabled:hover{transform:none}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:#fff;border-radius:16px;padding:40px 32px;max-width:400px;width:90%;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease;text-align:center}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-title{font-size:1.25rem;font-weight:700;color:#212529;margin:0 0 24px;line-height:1.4}.modal-subtitle{font-size:.95rem;color:#6c757d;margin:4px 0;line-height:1.5}.modal-buttons{display:flex;flex-direction:column;gap:12px;margin-top:32px}.modal-button{width:100%;padding:16px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-button.primary{background-color:#495057;color:#fff}.modal-button.primary:hover{background-color:#343a40;transform:translateY(-1px);box-shadow:0 4px 12px #4950574d}.modal-button.secondary{background-color:#f1f3f5;color:#495057}.modal-button.secondary:hover{background-color:#e9ecef;transform:translateY(-1px)}
