:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:inherit}body{margin:0;min-width:320px;min-height:100vh;width:100%;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}.nav-header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid #e5e7eb}.nav-inner{width:min(1200px,96%);margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr auto;gap:12px;align-items:center;height:64px}.nav-logo{display:inline-flex;width:34px;height:34px;border-radius:6px;background:#0a66c2;color:#fff;font-weight:800;align-items:center;justify-content:center;margin-right:8px;text-decoration:none}.nav-left{display:flex;align-items:center}.nav-search input{width:100%;height:38px;padding:0 12px 0 36px;border-radius:20px;border:1px solid #e5e7eb;background:#eef3f8 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23667"><path d="M10 2a8 8 0 105.293 14.293l4.707 4.707 1.414-1.414-4.707-4.707A8 8 0 0010 2zm0 2a6 6 0 110 12A6 6 0 0110 4z"/></svg>') no-repeat 10px center}.nav-menu{display:flex;gap:16px;justify-content:center}.nav-menu a{color:#374151;text-decoration:none;font-weight:500}.nav-menu a.active{color:#0a66c2;border-bottom:2px solid #0a66c2;padding-bottom:4px}.nav-right{display:flex;align-items:center;gap:8px;justify-self:end}.nav-auth a{text-decoration:none;margin-left:8px}.nav-auth a.primary{color:#fff;background:#0a66c2;padding:6px 10px;border-radius:4px}.nav-profile{position:relative;display:flex;align-items:center;gap:6px;cursor:pointer}.avatar-circle{width:32px;height:32px;border-radius:50%;background:#e5eef9;color:#0a66c2;font-weight:700;display:flex;align-items:center;justify-content:center}.profile-dropdown{position:absolute;right:0;top:42px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px;display:grid;min-width:180px}.profile-dropdown a{text-decoration:none;color:#374151;padding:6px 8px;border-radius:6px}.profile-dropdown a:hover{background:#f3f4f6}.logout-btn{text-align:left;background:transparent;border:0;color:#b91c1c;padding:6px 8px;border-radius:6px;cursor:pointer}.logout-btn:hover{background:#fef2f2}@media(max-width:920px){.nav-inner{grid-template-columns:1fr auto;gap:8px}.nav-menu{display:none}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:2rem 1rem;background-color:#f8f9fa}.auth-card{width:100%;max-width:450px;border:none;border-radius:15px;box-shadow:0 10px 30px #00000012;overflow:hidden}.auth-card .card-header{background-color:#0a2647;color:#fff;text-align:center;padding:1.5rem 1rem;border-bottom:none}.auth-card .card-body{padding:2rem}.auth-card .form-label{font-weight:500}.auth-card .btn-primary{background-color:#ff7b54;border-color:#ff7b54;padding:.75rem;font-weight:700;transition:all .2s ease}.auth-card .btn-primary:hover{background-color:#e66a45;border-color:#e66a45;transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.auth-card .text-center a{color:#ff7b54;text-decoration:none;font-weight:700}.auth-card .text-center a:hover{text-decoration:underline}.auth-split{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:#fff}.auth-hero{background:#3b4bff;color:#fff;padding:3rem 3rem 1.5rem;display:flex;flex-direction:column;justify-content:space-between}.auth-hero .hero-content h1{font-size:clamp(2rem,3vw + 1rem,3rem);line-height:1.2;font-weight:700;margin:0 0 1rem}.auth-hero .hero-content p{opacity:.9;margin:0}.auth-hero .hero-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;opacity:.9}.auth-hero .hero-footer a{color:#fff;text-decoration:none}.auth-form-panel{display:flex;flex-direction:column;justify-content:center;padding:3rem 4rem}.form-header h2{font-size:2rem;margin:0 0 .25rem}.form-header p{color:#6b7280;margin-bottom:2rem}.auth-alert.error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:.75rem 1rem;border-radius:10px;margin-bottom:1rem}.auth-alert.success{background:#ecfdf5;border:1px solid #bbf7d0;color:#065f46;padding:.75rem 1rem;border-radius:10px;margin-bottom:1rem}.auth-alert.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;padding:.75rem 1rem;border-radius:10px;margin-bottom:1rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(2,1fr)}.form-field label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.4rem}.form-field input,.form-field select{width:100%;padding:.9rem 1rem;border:1px solid #e5e7eb;border-radius:12px;outline:none;transition:box-shadow .2s ease,border-color .2s ease;background:#fff}.form-field input:focus,.form-field select:focus{border-color:#3b4bff;box-shadow:0 0 0 3px #3b4bff26}.primary-btn{width:100%;background:#3b4bff;color:#fff;border:none;border-radius:12px;padding:.95rem 1rem;font-weight:700;cursor:pointer;transition:transform .05s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 10px 25px #3b4bff33}.primary-btn:hover{background:#2f3fe6}.primary-btn:active{transform:translateY(1px)}.divider{display:flex;align-items:center;gap:1rem;color:#9ca3af;margin:1.5rem 0 1rem}.divider:before,.divider:after{content:"";height:1px;flex:1;background:#e5e7eb}.social-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.social-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1rem;border:1px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer}.social-btn .icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.auth-switch{margin-top:1.5rem;color:#6b7280}.auth-switch a{color:#3b4bff;text-decoration:none}.auth-switch a:hover{text-decoration:underline}@media(max-width:920px){.auth-split{grid-template-columns:1fr}.auth-hero{min-height:40vh}.auth-form-panel{padding:2rem}.grid-2{grid-template-columns:1fr}}html,body{margin:0;padding:0;min-height:100vh;width:100%}body{background-color:#f5f5f5}.container-fluid{margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column;width:100%}.home-hero{background:radial-gradient(100% 100% at 50% 0%,#3b3b3b,#242424);color:#fff;padding:48px 16px}.home-hero-inner{max-width:1100px;margin:0 auto;text-align:center}.home-hero-title{font-size:clamp(1.6rem,2.6vw,2.4rem);letter-spacing:.02em;font-weight:700;margin:10px 0 22px}.hero-search form{display:flex;flex-direction:column;gap:10px;align-items:center}.search-main{display:flex;gap:8px;background:#fff;border-radius:999px;padding:6px;width:min(920px,100%);box-shadow:0 8px 24px #0000002e}.search-input-main{flex:1;border:none;outline:none;padding:14px 16px;border-radius:999px;font-size:15px}.search-btn{background:#fc0;color:#111;border:none;border-radius:999px;padding:12px 18px;font-weight:700;cursor:pointer}.search-quick{display:flex;gap:10px;align-items:center;width:min(920px,100%)}.search-quick .pill{display:flex;gap:8px;align-items:center;background:#fff;border-radius:999px;padding:8px 12px;flex:1;border:1px solid #eee}.search-quick .pill input{border:none;outline:none;width:100%;padding:6px 2px}.advanced-link{color:#c9c9c9;text-decoration:none;font-size:.9rem}.search-input:focus{outline:none;border-color:#ffc107;box-shadow:0 0 0 3px #ffc10740}.featured-companies-section{background-color:#fff;padding:3rem 0;width:100%;border-bottom:1px solid #eee}.featured-companies-section h2{text-align:center;margin-bottom:2rem;font-weight:600;color:#333}.featured-companies-section .container{max-width:1200px;margin:0 auto;padding:0 1rem}.companies-chips{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.company-chip{background:#fff;border:1px solid #e2e2e2;border-radius:999px;padding:.5rem 1rem;font-size:.95rem;color:#444;box-shadow:0 1px 2px #0000000a}.company-chip:hover{border-color:#ffc107}.main-content{display:grid;grid-template-columns:300px 1fr;gap:2rem;max-width:1200px;margin:2rem auto;padding:0 1rem;flex:1}.sidebar{display:flex;flex-direction:column;gap:2rem}.tools-panel,.survey-panel{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000000d}.tools-panel h3,.survey-panel h3{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:#333}.tools-list{list-style:none;padding:0;margin:0}.tools-list li{margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.tools-list a{color:#06c;text-decoration:none;font-size:.95rem}.tools-list a:hover{text-decoration:underline}.survey-form{display:flex;flex-direction:column;gap:.75rem}.survey-option{display:flex;align-items:center;gap:.5rem}.survey-option label{font-size:.9rem;color:#444;cursor:pointer}.btn-vote{background:#ffc107;color:#000;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;margin-top:1rem;align-self:flex-start}.btn-vote:hover{background:#ffb300}.job-categories{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000000d}.filter-buttons{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-button{background:none;border:1px solid #ffc107;color:#000;padding:.5rem 1rem;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .3s}.filter-button:hover,.filter-button.active{background:#ffc107}.services-section{padding:3rem 0}.services-section .card{border:1px solid #eee;box-shadow:0 2px 6px #0000000a;border-radius:10px}.services-section .card-title,.services-section .card-subtitle{font-weight:600}.featured-jobs{background:#f2f3f5;padding:36px 0 18px}.container-narrow{max-width:1100px;margin:0 auto;padding:0 16px}.section-title{font-size:1rem;font-weight:700;color:#2b2b2b;margin:0 0 14px;letter-spacing:.06em}.jobs-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.job-mini-card,.order-mini-card{background:#fff;border:1px solid #eee;border-radius:14px;padding:14px;box-shadow:0 3px 12px #0000000d}.mini-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mini-logo{width:32px;height:32px;border-radius:8px;background:#e9eefc}.mini-badge{background:#e9f0ff;color:#1f3dbb;padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:700}.mini-title{font-size:.98rem;margin:6px 0}.mini-meta{display:flex;gap:10px;color:#6b7280;font-size:.85rem}.mini-actions{margin-top:12px;display:flex;justify-content:flex-end}.mini-btn.primary{background:#2b59ff;color:#fff;border:none;border-radius:10px;padding:6px 10px;font-weight:700;cursor:pointer}.see-all{margin-top:10px}.see-all a{color:#2b59ff;text-decoration:none}@media(max-width:1200px){.main-content{grid-template-columns:250px 1fr}}@media(max-width:992px){.jobs-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-content{grid-template-columns:1fr}.main-content .search-container h1{font-size:clamp(1.6rem,4vw,2.5rem)}.main-content .search-inputs{flex-wrap:wrap}.main-content .search-input.keyword-input,.main-content .search-input.location-input{flex:1 1 280px;min-width:220px}.main-content .search-button{flex:0 0 auto}.main-content .search-main{flex-direction:column;border-radius:16px}.main-content .search-btn{width:100%;border-radius:12px}@media(max-width:768px){.main-content .search-quick{flex-direction:column}}.companies-wrapper{gap:1rem}}@media(max-width:768px){.hero-section{padding:1rem}.search-container h1{font-size:1.8rem}.companies-wrapper{overflow-x:auto;padding:1rem}}@media(max-width:576px){.search-box{padding:1rem}.filter-buttons{flex-direction:column}}:root{--up-bg: #f3f2ef;--up-card: #fff;--up-text: #111;--up-muted: #666;--up-border: #e5e7eb;--up-primary: #0a66c2}.up-wrapper{background:var(--up-bg);min-height:100vh}.up-container{width:min(1100px,96%);margin:0 auto;padding:16px 0 48px}.up-card{background:var(--up-card);border:1px solid var(--up-border);border-radius:12px;overflow:hidden}.up-header{position:relative;margin-bottom:16px}.up-banner{height:180px;background:linear-gradient(135deg,#e0f2ff,#f2f7ff)}.up-header-content{display:grid;grid-template-columns:140px 1fr;gap:16px;padding:0 16px 16px}.up-avatar{width:140px;height:140px;border-radius:50%;border:4px solid var(--up-card);object-fit:cover;position:relative;top:-70px;background:#fff}.up-title-block{margin-top:-40px}.up-name{font-size:clamp(22px,3vw,28px);font-weight:700;color:var(--up-text);margin:0 0 4px}.up-headline{color:var(--up-muted);margin-bottom:8px}.up-meta{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--up-muted);font-size:14px}.up-actions{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.up-btn{border:1px solid var(--up-border);background:#fff;color:var(--up-text);padding:8px 12px;border-radius:20px;font-size:14px;cursor:pointer}.up-btn.primary{background:var(--up-primary);color:#fff;border-color:var(--up-primary)}.up-sections{display:grid;grid-template-columns:2fr 1fr;gap:16px}.up-section{background:var(--up-card);border:1px solid var(--up-border);border-radius:12px;padding:16px}.up-section h3{font-size:18px;margin:0 0 12px}.up-about{white-space:pre-line;color:var(--up-text)}.up-item{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--up-border)}.up-item:last-child{border-bottom:0}.up-logo{width:48px;height:48px;border-radius:8px;background:#eef2ff;display:flex;align-items:center;justify-content:center;color:#334155;font-weight:700}.up-item-title{font-weight:600;margin:0}.up-item-sub{color:var(--up-muted);font-size:14px}.up-item-desc{margin-top:6px;color:var(--up-text)}.up-side-card{padding:16px;background:var(--up-card);border:1px solid var(--up-border);border-radius:12px}.up-side-card+.up-side-card{margin-top:16px}@media(max-width:900px){.up-sections{grid-template-columns:1fr}.up-header-content{grid-template-columns:100px 1fr}.up-avatar{width:100px;height:100px;top:-50px}.up-title-block{margin-top:-24px}}.categories-wrap{max-width:1100px;margin:0 auto;padding:24px 16px 48px}.categories-hero{text-align:center;margin:8px 0 18px}.categories-hero h1{margin:0 0 6px;font-size:1.8rem}.categories-hero p{color:#6b7280;margin:0}.categories-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.category-card{background:#fff;border:1px solid #eee;border-radius:14px;padding:14px;box-shadow:0 3px 12px #0000000d;display:flex;flex-direction:column;gap:10px}.cat-head{display:flex;gap:10px}.cat-icon{width:42px;height:42px;border-radius:10px;background:#f3f4f6;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem}.cat-title{margin:0;font-size:1.05rem}.cat-desc{margin:2px 0 0;color:#4b5563;font-size:.92rem}.cat-tags{display:flex;flex-wrap:wrap;gap:8px}.cat-chip{background:#f3f4f6;border-radius:999px;padding:4px 8px;font-size:.85rem}.cat-actions{margin-top:auto;display:flex;gap:8px}.cat-btn{text-decoration:none;padding:.6rem .9rem;border-radius:10px;font-weight:700;border:1px solid #e5e7eb;color:#111827;display:inline-block}.cat-btn.primary{background:#3b4bff;color:#fff;border:none}.cat-btn.ghost{background:#fff}@media(max-width:992px){.categories-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.categories-grid{grid-template-columns:1fr}}.jobs-layout{display:flex;flex-direction:column;height:calc(100vh - 64px)}.jobs-filters{display:flex;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;flex-wrap:wrap}.jobs-input,.jobs-select{border:1px solid #e5e7eb;border-radius:10px;padding:.65rem .9rem;min-width:220px}.jobs-two-pane{display:grid;grid-template-columns:420px 1fr;height:100%}.jobs-list{overflow-y:auto;border-right:1px solid #e5e7eb;padding:.5rem}.jobs-empty{padding:1rem;color:#6b7280}.jobs-empty.error{color:#b91c1c}.job-card{width:100%;text-align:left;border:1px solid transparent;background:#fff;border-radius:12px;padding:.9rem;margin:.35rem 0;cursor:pointer}.job-card:hover{border-color:#e5e7eb}.job-card.active{border-color:#3b4bff;box-shadow:0 0 0 3px #3b4bff1f}.job-card-header{display:grid;grid-template-columns:48px 1fr;gap:.75rem;align-items:start}.placeholder-logo,.placeholder-logo.lg{background:#f3f4f6;border-radius:8px}.placeholder-logo{width:48px;height:48px}.placeholder-logo.lg{width:64px;height:64px}.job-title{margin:0;font-size:1rem}.job-company{font-size:.9rem;color:#4b5563}.job-meta{display:flex;gap:.5rem;flex-wrap:wrap;font-size:.8rem;color:#6b7280;margin-top:.25rem}.badge{background:#eef2ff;color:#3730a3;padding:.15rem .45rem;border-radius:999px}.job-snippet{margin:.5rem 0 0;color:#374151;font-size:.9rem}.job-detail{overflow-y:auto;padding:1rem 1.25rem}.detail-wrapper{max-width:900px;margin:0 auto}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.detail-left{display:flex;align-items:flex-start;gap:1rem}.detail-left img{width:64px;height:64px;border-radius:12px;object-fit:cover}.detail-company{color:#4b5563}.detail-meta{display:flex;gap:.5rem;flex-wrap:wrap;color:#6b7280;margin-top:.25rem}.detail-actions{display:flex;gap:.5rem}.detail-actions .primary{background:#3b4bff;color:#fff;border:none;padding:.6rem .9rem;border-radius:10px}.detail-actions .ghost{background:#fff;color:#111827;border:1px solid #e5e7eb;padding:.6rem .9rem;border-radius:10px}.detail-section{margin-top:1rem}.detail-description{white-space:pre-wrap;line-height:1.6}.detail-grid{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.detail-chip{background:#f3f4f6;padding:.35rem .6rem;border-radius:999px;font-size:.85rem}@media(max-width:1100px){.jobs-two-pane{grid-template-columns:360px 1fr}}@media(max-width:900px){.jobs-two-pane{grid-template-columns:1fr}.job-detail{border-top:1px solid #e5e7eb}}