:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a;background:#f8fafc}*{box-sizing:border-box}body{margin:0;background:linear-gradient(to bottom,#fff,#f8fafc,#f1f5f9);color:#0f172a}button,input,textarea,select{font:inherit}.page{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:24px 16px 40px}.header{position:sticky;top:0;z-index:20;margin-bottom:24px;padding:16px 18px;border:1px solid #e2e8f0;background:#ffffffdb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:24px;box-shadow:0 1px 2px #0f172a0f;display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.logo{font-size:30px;font-weight:900;letter-spacing:-.04em}.muted{color:#64748b}.header-actions,.action-row,.result-wrap,.job-top,.meta-row,.tags,.filters,.stat-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.card{background:#fff;border:1px solid #e2e8f0;border-radius:28px;padding:24px;box-shadow:0 1px 2px #0f172a0f}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;margin-bottom:24px}.hero-card h1{font-size:52px;line-height:1.05;letter-spacing:-.05em;margin:10px 0 12px;max-width:820px}.hero-card h1 span{text-decoration:underline;text-decoration-color:#cbd5e1;text-underline-offset:8px}.hero-card p{max-width:760px;font-size:18px;line-height:1.7;color:#475569;margin:0 0 18px}.hero-badge,.live-badge{background:#0f172a;color:#fff}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:600;background:#f1f5f9;color:#334155;border:1px solid transparent}.badge.secondary{background:#eef2ff;color:#3730a3}.badge.pending{background:#fef3c7;color:#b45309}.badge.soft{background:#f1f5f9;color:#475569}.live-badge{background:#dcfce7;color:#15803d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 16px;border-radius:18px;border:1px solid #cbd5e1;cursor:pointer;font-weight:600;transition:.2s}.btn-solid{background:#0f172a;color:#fff;border-color:#0f172a}.btn-outline{background:#fff;color:#0f172a}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0f172a14}.input,.textarea{width:100%;border:1px solid #cbd5e1;background:#fff;color:#0f172a;border-radius:18px;padding:0 14px;height:48px;outline:none}.textarea{height:140px;padding-top:14px;resize:vertical}.search-wrap{position:relative}.search-wrap .input{padding-left:38px}.search-icon{position:absolute;left:14px;top:16px;color:#94a3b8}.filters{display:grid;grid-template-columns:1.5fr .8fr .8fr auto;gap:12px}.stats{display:grid;gap:16px}.stat-value{font-size:30px;font-weight:800;letter-spacing:-.03em;margin-top:8px}.icon-muted{color:#94a3b8}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.feature-icon{width:32px;height:32px;margin-bottom:12px}.feature-title{font-size:20px;font-weight:700;margin-bottom:8px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:6px;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 1px 2px #0f172a0f;margin-bottom:24px}.tab{height:48px;border:none;border-radius:16px;background:transparent;font-weight:700;color:#475569;cursor:pointer}.tab.active{background:#0f172a;color:#fff}.section-stack{display:grid;gap:16px}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.section-head h2,.card h2{margin:0 0 6px;font-size:30px;letter-spacing:-.03em}.job-list{display:grid;gap:16px}.job-card{padding:24px}.job-layout{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.job-main{flex:1;min-width:280px}.job-main h3{margin:0;font-size:24px;letter-spacing:-.03em}.company{font-size:14px;font-weight:600;color:#475569}.meta-row span{display:inline-flex;align-items:center;gap:6px;color:#64748b;font-size:14px}.description{font-size:14px;line-height:1.7;color:#475569;max-width:760px}.job-actions{display:flex;flex-direction:column;gap:12px;min-width:180px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px}.full{grid-column:1/-1}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.panel-list,.summary-list{display:grid;gap:12px;margin-top:12px}.panel-row,.summary-list div{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #e2e8f0;padding:16px;border-radius:18px}.summary-list div{justify-content:flex-start}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:16px;z-index:40}.modal{width:min(100%,560px);background:#fff;border-radius:28px;padding:24px;border:1px solid #e2e8f0;box-shadow:0 20px 60px #0f172a40;display:grid;gap:14px}.job-preview,.success-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:16px}.preview-title,.success-title{font-weight:700;display:flex;align-items:center;gap:8px}.footer{margin-top:30px;background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:20px;color:#64748b;box-shadow:0 1px 2px #0f172a0f}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 960px){.hero-grid,.dashboard-grid,.feature-grid,.filters,.form-grid{grid-template-columns:1fr}.hero-card h1{font-size:38px}}@media (max-width: 640px){.container{padding:16px 12px 30px}.header{border-radius:20px}.card{padding:18px;border-radius:22px}.job-actions{min-width:100%}.btn{width:100%}.action-row{display:grid;grid-template-columns:1fr}.tabs{grid-template-columns:1fr}}
