.navbar{position:fixed;top:0;left:0;right:0;height:70px;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 8px #00000014;z-index:1000}.navbar-container{height:100%;max-width:1400px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.navbar-left{display:flex;align-items:center;gap:16px}.navbar-left .navbar-logo{width:120px;height:auto;object-fit:contain}@media(max-width:768px){.navbar-left .navbar-logo{width:110px}}.navbar-right{display:flex;align-items:center}.profile-section{position:relative}.profile-button{display:flex;align-items:center;gap:16px;padding:8px 16px;background:transparent;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s ease}.profile-button:hover{background:#f9fafb;border-color:#b99671}.profile-button .profile-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#b99671,#a57d52);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}@media(max-width:768px){.profile-button .profile-avatar{width:35px;height:35px}}.profile-button .profile-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px}@media(max-width:768px){.profile-button .profile-info{display:none}}.profile-button .profile-info .profile-name{font-size:14px;font-weight:600;color:#2e2e2e;line-height:1.2}.profile-button .profile-info .profile-email{font-size:10px;color:#4b5563;line-height:1.2}.profile-button .dropdown-icon{color:#4b5563;transition:transform .2s ease;flex-shrink:0}@media(max-width:768px){.profile-button .dropdown-icon{height:15px;width:15px}}.profile-button .dropdown-icon.open{transform:rotate(180deg)}.profile-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:280px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;overflow:hidden;animation:slideDown .2s ease}@media(max-width:480px){.profile-dropdown{min-width:250px;right:-10px}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:24px;display:flex;align-items:center;gap:16px;background:#f9fafb}.dropdown-header .dropdown-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#b99671,#a57d52);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.dropdown-header .dropdown-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.dropdown-header .dropdown-info .dropdown-name{font-size:16px;font-weight:600;color:#2e2e2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-header .dropdown-info .dropdown-email{font-size:14px;color:#4b5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-divider{height:1px;background:#e5e7eb;margin:0}.dropdown-item{width:100%;padding:16px 24px;display:flex;align-items:center;gap:16px;background:transparent;border:none;cursor:pointer;transition:all .3s ease;font-size:16px;color:#2e2e2e;text-align:left}.dropdown-item:hover{background:#f9fafb}.dropdown-item.logout-item{color:#dc2626}.dropdown-item.logout-item:hover{background:#fee2e2}body{padding-top:70px}.login-page{min-height:100vh;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);padding:24px}.login-container{width:100%;max-width:450px}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;padding:48px;border:1px solid #e0e0e0}.login-header{text-align:center;margin-bottom:32px}.login-header .login-logo{width:140px;height:auto;margin:0 auto 24px;display:block}.login-header .login-title{font-size:32px;color:#b99671;font-weight:700;margin-bottom:8px}.login-header .login-subtitle{font-size:16px;color:#4b5563}.login-error{display:flex;align-items:center;gap:8px;background:#fee2e2;color:#dc2626;padding:16px;border-radius:8px;margin-bottom:24px;font-size:14px;border:1px solid #fecaca}.login-error .error-icon{width:20px;height:20px;flex-shrink:0}.login-form .form-group{margin-bottom:24px}.login-form .form-group:last-of-type{margin-bottom:32px}.login-form .form-label{display:block;font-size:14px;font-weight:600;color:#2e2e2e;margin-bottom:8px}.login-form .input-wrapper{position:relative;display:flex;align-items:center}.login-form .input-wrapper .input-icon{position:absolute;left:16px;color:#4b5563;width:20px;height:20px;pointer-events:none}.login-form .input-wrapper .form-input{width:100%;padding:16px 16px 16px 45px;font-size:16px;color:#2e2e2e;background:#fff;border:2px solid #d1d5db;border-radius:8px;transition:all .3s ease}.login-form .input-wrapper .form-input::placeholder{color:#9ca3af}.login-form .input-wrapper .form-input:focus{outline:none;border-color:#b99671;box-shadow:0 0 0 3px #b9967126}.login-form .input-wrapper .form-input:disabled{opacity:.6;cursor:not-allowed;background:#f9fafb}.login-form .input-wrapper .form-input.input-error{border-color:#dc2626}.login-form .input-wrapper .form-input.input-error:focus{box-shadow:0 0 0 3px #dc26261a}.login-form .input-wrapper .toggle-password{position:absolute;right:16px;background:none;border:none;color:#4b5563;cursor:pointer;padding:5px;display:flex;align-items:center;transition:all .3s ease;border-radius:4px}.login-form .input-wrapper .toggle-password:hover{color:#2e2e2e;background:#0000000d}.login-form .input-wrapper .toggle-password:disabled{opacity:.5;cursor:not-allowed}.login-form .field-error{display:block;color:#dc2626;font-size:14px;margin-top:5px;font-weight:500}.login-form .login-btn{width:100%;padding:19.2px;font-size:16px;font-weight:600;color:#fff;background:#b99671;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #b9967140}.login-form .login-btn:hover:not(:disabled){background:#a57d52;transform:translateY(-2px);box-shadow:0 6px 16px #b9967159}.login-form .login-btn:active:not(:disabled){transform:translateY(0)}.login-form .login-btn:disabled{opacity:.7;cursor:not-allowed}.login-form .login-btn .spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:480px){.login-page{padding:16px}.login-card{padding:24px}.login-header .login-logo{width:100px}.login-header .login-title{font-size:24px}.login-header .login-subtitle{font-size:14px}}:root[data-theme=light]{--primary-color: #B99671;--secondary-color: #2E2E2E;--third-color: #4B5563;--text-primary: #B99671;--text-secondary: #2E2E2E;--text-third: #4B5563;--text-white: #FFFFFF;--bg-primary: #FFFFFF;--bg-secondary: #F9FAFB;--bg-dark: #2E2E2E;--navbar-bg: #FFFFFF;--card-bg: #FFFFFF;--border-color: #E5E7EB;--shadow-color: rgba(0, 0, 0, .1);--hover-bg: rgba(185, 150, 113, .1);--active-bg: rgba(185, 150, 113, .15)}:root[data-theme=dark]{--primary-color: #B99671;--secondary-color: #FFFFFF;--third-color: #D1D5DB;--text-primary: #B99671;--text-secondary: #FFFFFF;--text-third: #D1D5DB;--text-white: #1F2937;--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-dark: #b5bac2;--navbar-bg: #0f0f0f;--card-bg: #1e1e1e;--border-color: #4B5563;--shadow-color: rgba(0, 0, 0, .3);--hover-bg: rgba(185, 150, 113, .2);--active-bg: rgba(185, 150, 113, .3)}.dashboard-page{padding:32px;box-sizing:border-box}@media(max-width:768px){.dashboard-page{padding:24px}}.dashboard-container{max-width:1400px;margin:0 auto}.dashboard-header{margin-bottom:32px}@media(max-width:768px){.dashboard-header{margin-bottom:24px}}.dashboard-header .dashboard-title{font-size:32px;font-weight:700;color:#b99671;margin-bottom:8px}@media(max-width:768px){.dashboard-header .dashboard-title{font-size:24px}}.dashboard-header .dashboard-subtitle{font-size:16px;color:#4b5563;margin:0}@media(max-width:768px){.dashboard-header .dashboard-subtitle{font-size:14px}}.stats-card{background:#fff;padding:24px;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000d;margin-bottom:32px}@media(max-width:768px){.stats-card{padding:16px;margin-bottom:24px}}.stats-card .stat-item{display:flex;align-items:center;gap:24px}@media(max-width:768px){.stats-card .stat-item{gap:16px}}.stats-card .stat-item .stat-icon{width:50px;height:50px;padding:16px;background:linear-gradient(135deg,#b99671,#a57d52);color:#fff;border-radius:8px;flex-shrink:0}@media(max-width:768px){.stats-card .stat-item .stat-icon{width:40px;height:40px;padding:8px}}.stats-card .stat-item .stat-content{display:flex;flex-direction:column;gap:4px}.stats-card .stat-item .stat-content .stat-label{font-size:14px;color:#4b5563;font-weight:500}@media(max-width:768px){.stats-card .stat-item .stat-content .stat-label{font-size:10px}}.stats-card .stat-item .stat-content .stat-value{font-size:32px;color:#b99671;font-weight:700}@media(max-width:768px){.stats-card .stat-item .stat-content .stat-value{font-size:24px}}.dashboard-tabs{display:flex;gap:16px;margin-bottom:24px;border-bottom:2px solid #e5e7eb;-webkit-overflow-scrolling:touch}@media(max-width:768px){.dashboard-tabs{gap:8px;margin-bottom:16px}}.dashboard-tabs::-webkit-scrollbar{height:4px}.dashboard-tabs::-webkit-scrollbar-track{background:#f3f4f6}.dashboard-tabs::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.dashboard-tabs .tab-button{display:flex;align-items:center;gap:8px;padding:16px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:#4b5563;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:-2px;white-space:nowrap}@media(max-width:768px){.dashboard-tabs .tab-button{padding:8px 16px;font-size:14px;gap:5px}.dashboard-tabs .tab-button svg{width:16px;height:16px}}.dashboard-tabs .tab-button:hover{color:#b99671}.dashboard-tabs .tab-button.active{color:#b99671;border-bottom-color:#b99671}.tab-content{background:#fff;padding:32px;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000d;min-height:300px}@media(max-width:768px){.tab-content{padding:16px;border-radius:8px;min-height:400px}}.job-posts-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:16px}@media(max-width:768px){.job-posts-section .section-header{flex-direction:column;align-items:flex-start}}.job-posts-section .section-header h2{font-size:24px;color:#2e2e2e;margin:0}@media(max-width:768px){.job-posts-section .section-header h2{font-size:18px}}.job-posts-section .section-header .create-btn{display:flex;align-items:center;gap:8px;padding:16px 24px;background:#b99671;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.job-posts-section .section-header .create-btn svg{margin:0}@media(max-width:768px){.job-posts-section .section-header .create-btn{width:100%;justify-content:center;padding:8px 16px;font-size:10px}}.job-posts-section .section-header .create-btn:hover{background:#a57d52;transform:translateY(-2px);box-shadow:0 4px 12px #b996714d}.job-posts-section .loading-message{text-align:center;padding:32px;color:#4b5563;font-size:18px}.job-posts-section .error-message{display:flex;align-items:center;gap:8px;padding:16px;background:#fee2e2;color:#dc2626;border-radius:8px;margin-bottom:24px}.job-posts-section .success-message{display:flex;align-items:center;gap:8px;padding:16px;background:#d1fae5;color:#059669;border-radius:8px;margin-bottom:24px}.job-posts-section .empty-state{text-align:center;padding:64px;color:#4b5563}@media(max-width:768px){.job-posts-section .empty-state{padding:32px}}.job-posts-section .empty-state svg{margin-bottom:24px;color:#d1d5db}@media(max-width:768px){.job-posts-section .empty-state svg{width:36px;height:36px}}.job-posts-section .empty-state p{font-size:18px;margin:0 0 24px}@media(max-width:768px){.job-posts-section .empty-state p{font-size:16px}}.job-posts-section .empty-state .create-btn{display:inline-flex;align-items:center;gap:8px;padding:16px 24px;background:#b99671;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.job-posts-section .empty-state .create-btn svg{margin:0}@media(max-width:768px){.job-posts-section .empty-state .create-btn{width:100%;justify-content:center;padding:8px 16px;font-size:10px}}.job-posts-section .empty-state .create-btn:hover{background:#a57d52;transform:translateY(-2px);box-shadow:0 4px 12px #b996714d}.job-posts-table{overflow-x:auto}.job-posts-table table{width:100%;border-collapse:collapse}.job-posts-table table thead{background:#f9fafb}.job-posts-table table thead th{padding:16px;text-align:left;font-size:14px;font-weight:600;color:#2e2e2e;border-bottom:2px solid #e5e7eb;white-space:nowrap}.job-posts-table table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .3s ease}.job-posts-table table tbody tr:hover{background:#f9fafb}.job-posts-table table tbody tr td{padding:16px;font-size:14px;color:#2e2e2e}.job-posts-table .action-buttons{display:flex;gap:8px}.job-posts-table .action-buttons .action-btn{padding:8px;background:transparent;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.job-posts-table .action-buttons .action-btn.view-btn{color:#b99671}.job-posts-table .action-buttons .action-btn.view-btn:hover{background:#b996711a;border-color:#b99671}.job-posts-table .action-buttons .action-btn.edit-btn{color:#3b82f6}.job-posts-table .action-buttons .action-btn.edit-btn:hover{background:#dbeafe;border-color:#3b82f6}.job-posts-table .action-buttons .action-btn.delete-btn{color:#dc2626}.job-posts-table .action-buttons .action-btn.delete-btn:hover{background:#fee2e2;border-color:#dc2626}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:16px;width:80%}.skeleton-text-sm{height:14px;width:60%}.skeleton-btn{height:32px;width:32px;border-radius:4px}.settings-section{max-width:600px}.settings-section h2{font-size:24px;color:#2e2e2e;margin-bottom:32px}.settings-section .admin-form .form-group{margin-bottom:24px}.settings-section .admin-form .form-group label{display:block;font-size:14px;font-weight:600;color:#2e2e2e;margin-bottom:8px}.settings-section .admin-form .form-group input{width:100%;padding:16px;font-size:16px;color:#2e2e2e;background:#fff;border:2px solid #d1d5db;border-radius:8px;transition:all .3s ease}.settings-section .admin-form .form-group input:focus{outline:none;border-color:#b99671;box-shadow:0 0 0 3px #b996711a}.settings-section .admin-form .form-group input.input-error{border-color:#dc2626}.settings-section .admin-form .form-group .field-error{display:block;color:#dc2626;font-size:14px;margin-top:5px}.settings-section .admin-form .submit-btn{padding:16px 32px;background:#b99671;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.settings-section .admin-form .submit-btn:hover{background:#a57d52;transform:translateY(-2px);box-shadow:0 4px 12px #b996714d}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:24px;animation:fadeIn .2s ease}@media(max-width:768px){.modal-overlay{padding:8px;align-items:flex-end}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-content{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90dvh;box-sizing:border-box;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.modal-content.large-modal{max-width:800px}@media(max-width:768px){.modal-content{max-height:95dvh;border-radius:8px}.modal-content.large-modal{max-width:100%}}.modal-content .modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e5e7eb}@media(max-width:768px){.modal-content .modal-header{padding:16px}}.modal-content .modal-header h3{font-size:24px;color:#2e2e2e;margin:0}@media(max-width:768px){.modal-content .modal-header h3{font-size:18px}}.modal-content .modal-header .close-btn{padding:5px;background:transparent;border:none;color:#4b5563;cursor:pointer;transition:all .3s ease;flex-shrink:0}.modal-content .modal-header .close-btn:hover{color:#2e2e2e;background:#f9fafb;border-radius:4px}.modal-content .modal-body{padding:24px;box-sizing:border-box}@media(max-width:768px){.modal-content .modal-body{padding:16px}}.modal-content .modal-body .detail-row{display:flex;gap:16px;margin-bottom:16px}@media(max-width:768px){.modal-content .modal-body .detail-row{flex-direction:column;gap:5px}}.modal-content .modal-body .detail-row .detail-label{font-weight:600;color:#4b5563;min-width:100px}@media(max-width:768px){.modal-content .modal-body .detail-row .detail-label{min-width:auto;font-size:14px}}.modal-content .modal-body .detail-row .detail-value{color:#2e2e2e;flex:1}@media(max-width:768px){.modal-content .modal-body .detail-row .detail-value{font-size:14px}}.modal-content .modal-body .detail-row .detail-value.message{white-space:pre-wrap}.modal-content .modal-body .form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;box-sizing:border-box}@media(max-width:768px){.modal-content .modal-body .form-row{grid-template-columns:1fr;gap:16px}}.modal-content .modal-body .form-group{margin-bottom:24px;box-sizing:border-box}@media(max-width:768px){.modal-content .modal-body .form-group{margin-bottom:16px}}.modal-content .modal-body .form-group label{display:block;font-size:14px;font-weight:600;color:#2e2e2e;margin-bottom:8px}@media(max-width:768px){.modal-content .modal-body .form-group label{font-size:10px}}.modal-content .modal-body .form-group label .required{color:#dc2626;margin-left:2px}.modal-content .modal-body .form-group input,.modal-content .modal-body .form-group textarea,.modal-content .modal-body .form-group select,.modal-content .modal-body .form-group .form-select{width:100%;padding:16px;font-size:16px;color:#2e2e2e;background:#fff;border:2px solid #d1d5db;border-radius:8px;transition:all .3s ease;box-sizing:border-box;font-family:inherit}@media(max-width:768px){.modal-content .modal-body .form-group input,.modal-content .modal-body .form-group textarea,.modal-content .modal-body .form-group select,.modal-content .modal-body .form-group .form-select{padding:8px;font-size:14px}}.modal-content .modal-body .form-group input:focus,.modal-content .modal-body .form-group textarea:focus,.modal-content .modal-body .form-group select:focus,.modal-content .modal-body .form-group .form-select:focus{outline:none;border-color:#b99671;box-shadow:0 0 0 3px #b996711a}.modal-content .modal-body .form-group select,.modal-content .modal-body .form-group .form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:20px;padding-right:44px}@media(max-width:768px){.modal-content .modal-body .form-group select,.modal-content .modal-body .form-group .form-select{background-position:right 8px center;padding-right:36px}}.modal-content .modal-body .form-group select:hover,.modal-content .modal-body .form-group .form-select:hover{border-color:#4b5563}.modal-content .modal-body .form-group select option,.modal-content .modal-body .form-group .form-select option{padding:8px}.modal-content .modal-body .form-group textarea{resize:vertical;min-height:100px}.modal-content .modal-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:32px}@media(max-width:768px){.modal-content .modal-actions{flex-direction:column-reverse;gap:8px;margin-top:16px}}.modal-content .modal-actions .cancel-btn{padding:16px 24px;background:#fff;color:#2e2e2e;border:2px solid #d1d5db;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}@media(max-width:768px){.modal-content .modal-actions .cancel-btn{width:100%;padding:8px 16px;font-size:14px}}.modal-content .modal-actions .cancel-btn:hover{background:#f9fafb;border-color:#4b5563}.modal-content .modal-actions .submit-btn{display:flex;align-items:center;gap:8px;padding:16px 24px;background:#b99671;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;justify-content:center}@media(max-width:768px){.modal-content .modal-actions .submit-btn{width:100%;padding:8px 16px;font-size:14px}}.modal-content .modal-actions .submit-btn svg{margin:0}.modal-content .modal-actions .submit-btn:hover{background:#a57d52;transform:translateY(-2px);box-shadow:0 4px 12px #b996714d}@media(max-width:768px){.job-posts-table table{font-size:10px}.job-posts-table table th,.job-posts-table table td{padding:8px}.settings-section{max-width:100%}}body{margin:0;padding: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}#root{min-height:100vh}.protected-layout{padding-top:70px;min-height:calc(100vh - 70px);background:#f9fafb}body{margin:0;padding:0}