:root{color:#111827;background:#f4f6fb;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}body{background:#f4f6fb;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border-radius:16px;width:min(620px,100%);padding:24px;box-shadow:0 8px 30px #0f172a14}.login-card h1{margin:0;font-size:26px}.login-card p{color:#6b7280;margin:8px 0 16px}.login-card textarea{border:1px solid #d1d5db;border-radius:12px;width:100%;margin-top:8px;margin-bottom:12px;padding:12px}.login-card input{border:1px solid #d1d5db;border-radius:12px;width:100%;margin-top:8px;margin-bottom:12px;padding:11px 12px}.error-box{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:12px;padding:10px 12px}button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:10px;padding:10px 14px;font-weight:600}button.warn{background:#dc2626}button.ghost{background:#1f2937}button:disabled{opacity:.7;cursor:not-allowed}.sidebar{color:#fff;background:#111827;flex-direction:column;gap:20px;padding:20px 16px;display:flex}.brand{align-items:center;gap:12px;display:flex}.logo{background:#2563eb;border-radius:10px;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.brand h2{margin:0;font-size:16px}.brand span{color:#9ca3af;font-size:12px}.nav-link{color:#d1d5db;border-radius:10px;padding:10px 12px;display:block}.nav-link.active{color:#fff;background:#1d4ed8}.topbar{background:#fff;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:14px 16px;display:flex}.topbar h3{margin:0}.badge{color:#1d4ed8;background:#eff6ff;border-radius:999px;padding:6px 10px;font-size:12px}.page{background:#fff;border-radius:14px;padding:16px;overflow:auto}.state{color:#1d4ed8;background:#eff6ff;border-radius:12px;padding:18px}.state.error{color:#b91c1c;background:#fef2f2}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:14px}.card h4{color:#6b7280;margin:0 0 8px;font-size:13px;font-weight:600}.card strong{font-size:28px}.filter-bar{grid-template-columns:1fr auto auto;gap:10px;margin-bottom:14px;display:grid}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;vertical-align:top;border-bottom:1px solid #e5e7eb;padding:11px 8px}.settings-card{gap:14px;max-width:680px;display:grid}.settings-card h4{margin:0;font-size:20px}.settings-card label{align-items:center;gap:10px;display:flex}@media (width<=1024px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:2;position:sticky;top:0}nav{grid-template-columns:repeat(5,minmax(0,1fr))}.nav-link{text-align:center;padding:8px 6px;font-size:13px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.content{padding:10px}.topbar{flex-direction:column;align-items:flex-start;gap:8px}.filter-bar{grid-template-columns:1fr}.actions{flex-direction:column}.cards{grid-template-columns:1fr}}:root{--surface:#fff}body{color:#0f172a;background:radial-gradient(circle at 2% 0,#e0e7ff 0,#0000 34%),radial-gradient(circle at 98% 8%,#cffafe 0,#0000 32%),#f4f7ff}.app-shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar-toggle,.sidebar-backdrop{display:none}.sidebar{background:linear-gradient(#0b1220 0%,#111a2e 100%);border-right:1px solid #94a3b840;flex-direction:column;gap:16px;padding:18px 14px;display:flex}.brand{background:#1e293b99;border:1px solid #6366f159;border-radius:14px;padding:10px}.logo{background:linear-gradient(140deg,#2563eb,#06b6d4);box-shadow:0 10px 26px #2563eb59}.brand h2{color:#f8fafc}.brand span{color:#cbd5e1}nav{gap:7px;display:grid}.nav-link{color:#cbd5e1;border:1px solid #0000;border-radius:12px;padding:10px 12px;transition:all .2s}.nav-link:hover{color:#fff;background:#2563eb38;border-color:#3b82f659}.nav-link.active{color:#fff;background:linear-gradient(135deg,#2563ebcc,#6366f1cc);border-color:#6366f19e;box-shadow:0 8px 20px #2563eb59}.content{padding:18px}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffdb;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 28px #0f172a14}.topbar h3{color:#0f172a;font-size:22px}.badge{color:#1e3a8a;background:linear-gradient(135deg,#e0e7ff,#dbeafe);border:1px solid #bfdbfe;font-weight:700}.page{background:#ffffffdb;border:1px solid #dbe5f5;border-radius:18px;margin-top:12px;box-shadow:0 14px 34px #0f172a14}.login-shell{background:radial-gradient(circle at 10% 10%,#dbeafe 0,#0000 45%),radial-gradient(circle at 90% 90%,#ddd6fe 0,#0000 40%);grid-template-columns:minmax(280px,460px) minmax(320px,520px);justify-content:center;align-items:center;gap:24px;min-height:100vh;padding:24px;display:grid}.login-hero{color:#fff;background:linear-gradient(140deg,#1d4ed8,#4f46e5);border-radius:20px;padding:26px;box-shadow:0 12px 35px #2563eb47}.login-logo{background:#fff;border-radius:12px;width:min(260px,100%);margin-bottom:12px;padding:8px}.login-hero h2{margin:0 0 10px;font-size:28px}.login-hero p{color:#ffffffeb;margin:0 0 14px}.login-hero ul{gap:7px;margin:0;padding-left:18px;display:grid}button.secondary{background:#111827}button.success{background:#059669}.filter-wrap{margin-bottom:14px}.dashboard-modern{gap:14px;display:grid}.dashboard-head{color:#fff;background:linear-gradient(140deg,#0f172a,#1e3a8a);border-radius:14px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.dashboard-head h4{margin:0;font-size:22px;font-weight:800}.dashboard-head select{background:#fffffff2;border:1px solid #d1d5db;border-radius:10px;padding:8px 10px}.cards .card{background:linear-gradient(165deg,#fff,#f8fbff);border:1px solid #e5e7eb;border-radius:16px;padding:16px;box-shadow:0 8px 24px #0206170f}.cards .card strong{color:#0f172a;font-size:30px}.cards .card{position:relative;overflow:hidden}.cards .card:after{content:"";background:#3b82f621;border-radius:999px;width:110px;height:110px;position:absolute;top:-34px;right:-26px}.cards .card:nth-child(3n+1){border-color:#bfdbfe}.cards .card:nth-child(3n+2){border-color:#c7d2fe}.cards .card:nth-child(3n+3){border-color:#bae6fd}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.chart-card p{color:#64748b;margin:4px 0 8px;font-size:13px}.chart-value{color:#1d4ed8;font-size:24px;font-weight:800}.line-chart{background:linear-gradient(#eff6ff,#fff);border-radius:12px;width:100%;height:180px}.line-chart path{stroke:#cbd5e1;stroke-width:1px;fill:none}.line-chart path.line{stroke:#1d4ed8;stroke-width:3px}.chart-labels{color:#64748b;justify-content:space-between;font-size:12px;display:flex}.filter-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.filter-head h4{margin:0;font-size:18px}.filter-bar{grid-template-columns:1fr auto;gap:10px;display:grid}.filter-bar input,.filter-bar select{border:1px solid #d1d5db;border-radius:10px;padding:10px 12px}.inline-filters{gap:10px;display:flex}.table{min-width:860px}.table th{text-transform:uppercase;color:#334155;letter-spacing:.06em;z-index:1;background:#eef4ff;border-bottom:1px solid #d6e3fb;font-size:12px;position:sticky;top:0}.table td{border-bottom:1px solid #e6edf9}.table tbody tr:hover td{background:#f8fbff}.table-scroll{-webkit-overflow-scrolling:touch;touch-action:pan-x;width:100%;display:block;overflow-x:auto}.table-scroll::-webkit-scrollbar{height:10px}.table-scroll::-webkit-scrollbar-thumb{background:#a5b4fc;border-radius:20px}.chip{color:#3730a3;background:#eef2ff;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.status-verified,.status-published,.status-active{color:#047857;background:#ecfdf5}.status-rejected,.status-disabled{color:#b91c1c;background:#fef2f2}.status-pending,.status-pending_review,.status-unverified{color:#c2410c;background:#fff7ed}.status-applied{color:#1d4ed8;background:#eff6ff}.status-shortlisted,.status-interview{color:#5b21b6;background:#f5f3ff}.status-hired{color:#047857;background:#ecfdf5}.table-skeleton{gap:10px;display:grid}.skeleton-row{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:10px;display:grid}.skeleton-row span,.skeleton-block{background:linear-gradient(90deg,#eef2f7 25%,#f8fafc 37%,#eef2f7 63%) 0 0/400% 100%;border-radius:10px;height:38px;animation:1.3s infinite shimmer}.skeleton-block.sm{width:45%;height:18px;margin-bottom:10px}.skeleton-block.lg{width:65%;height:38px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.pagination-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.pagination-meta{color:#64748b;font-size:13px}.pagination-controls{align-items:center;gap:8px;display:flex}.pagination-controls select{border:1px solid #d1d5db;border-radius:8px;padding:8px 10px}.page-pill{color:#3730a3;background:#eef2ff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600}.modal-backdrop{z-index:1000;background:#0206178c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:18px;width:min(1080px,100%);max-height:92vh;padding:16px;overflow:hidden auto;box-shadow:0 20px 50px #02061759}.modal-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.modal-head h3{margin:0;font-size:22px}.package-modal.modal-card{width:min(520px,100%)}.modal-card.career-content-modal{width:min(640px,100%)}.package-form{flex-direction:column;gap:14px;display:flex}.package-form label{color:#334155;flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.package-form input:not([type=checkbox]),.package-form textarea,.package-form select{color:#0f172a;border:1px solid #d1d5db;border-radius:10px;width:100%;padding:10px 12px;font-size:14px;font-weight:500}.package-form textarea{resize:vertical;min-height:72px}.package-form-row{grid-template-columns:1fr 1fr;align-items:end;gap:12px;display:grid}@media (width<=560px){.package-form-row{grid-template-columns:1fr}}.package-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;font-weight:600;flex-direction:row!important;gap:10px!important}.package-checkbox input[type=checkbox]{cursor:pointer;width:auto;margin:0}.package-form-actions{justify-content:flex-end;gap:10px;margin-top:8px;padding-top:4px;display:flex}.company-detail-grid{grid-template-columns:1fr;gap:12px;display:grid}.detail-block{background:#fafcff;border:1px solid #e5e7eb;border-radius:14px;padding:14px}.detail-block h4{margin:0 0 10px;font-size:16px}.detail-row{border-bottom:1px dashed #e5e7eb;grid-template-columns:160px 1fr;gap:10px;padding:6px 0;display:grid}.detail-row:last-child{border-bottom:0}.detail-row strong{color:#475569;font-size:13px}.detail-row span{color:#0f172a}.detail-multi{white-space:pre-wrap}.muted-text{color:#64748b;font-size:14px}.stack-list{gap:10px;display:grid}.stack-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:4px;padding:10px 12px;display:grid}.stack-item strong{color:#0f172a}.industry-types-section{gap:14px;padding:16px 18px 20px;display:grid}.industry-types-intro{color:#64748b;max-width:920px;margin:0;font-size:14px;line-height:1.55}.industry-form-panel{background:linear-gradient(165deg,#f8fafc 0%,#fff 42%);border:1px solid #e2e8f0;border-radius:14px;padding:16px 18px 18px;box-shadow:0 1px #0f172a0a}.industry-form-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.industry-form-head h5{color:#0f172a;margin:0;font-size:15px;font-weight:800}.industry-edit-badge{font-size:12px}.industry-form-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-items:end;gap:14px 16px;display:grid}.industry-field{color:#475569;gap:6px;font-size:12px;font-weight:600;display:grid}.industry-field-grow{grid-column:span 2;min-width:0}@media (width<=720px){.industry-field-grow{grid-column:span 1}}.industry-field input{font:inherit;color:#0f172a;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;font-weight:500}.industry-key-readonly{color:#475569;background:#f1f5f9}.industry-toggle{flex-direction:row;align-items:center;gap:10px;padding-top:4px;display:flex}.industry-toggle input{width:18px;height:18px}.industry-form-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.industry-filter-row{grid-template-columns:1.4fr auto auto}.industry-table code.industry-code{background:#f1f5f9;border-radius:6px;padding:4px 8px;font-size:12px}.banner-section{gap:12px;padding:14px;display:grid}.banner-form-grid{gap:10px;display:grid}.banner-form-grid input,.banner-form-grid textarea,.filter-row input,.filter-row select{font:inherit;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px}.banner-audience-label{color:var(--text,#0f172a);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.banner-audience-label select{border:1px solid var(--border,#e2e8f0);border-radius:8px;max-width:420px;padding:8px 10px;font-size:14px}.banner-form-grid textarea{resize:vertical;min-height:74px}.banner-form-inline{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.banner-form-inline label{color:#475569;gap:4px;font-size:12px;display:grid}.banner-form-inline input[type=color]{width:100%;height:40px;padding:4px}.banner-form-inline .banner-publish-now{color:#0f172a;grid-template-columns:none;align-self:center;align-items:center;gap:8px;font-size:14px;display:inline-flex}.filter-row{grid-template-columns:1.2fr auto auto;gap:10px;display:grid}.btn-primary,.btn-danger,.btn-ghost{cursor:pointer;border:0;border-radius:10px;padding:8px 12px;font-weight:700}.btn-primary{color:#fff;background:#1d4ed8}.btn-danger{color:#fff;background:#dc2626}.btn-ghost{color:#1e3a8a;background:#eef2ff}.banner-cancel-btn{margin-left:8px}.actions{gap:8px;display:flex}.banner-thumb{object-fit:cover;border:1px solid #e2e8f0;border-radius:8px;width:124px;height:64px}.banner-thumb-noimg{color:#fff;place-items:center;font-size:12px;display:grid}.banner-title-cell{color:#0f172a;font-weight:700}.muted{color:#64748b;font-size:12px}.status-chip{border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.status-chip.draft{color:#c2410c;background:#fff7ed}.status-chip.active{color:#047857;background:#ecfdf5}.status-chip.paused{color:#b91c1c;background:#fef2f2}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settings-card{width:100%;max-width:none}.settings-card input[type=password]{border:1px solid #d1d5db;border-radius:10px;width:100%;padding:10px 12px}.ghost{color:#fff;background:linear-gradient(140deg,#ef4444,#dc2626)}@media (width<=1024px){.login-shell,.sidebar nav,.company-detail-grid{grid-template-columns:1fr}.banner-form-inline{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}}@media (width<=640px){.app-shell{grid-template-columns:1fr}.table-scroll{max-width:100%}.table th,.table td{white-space:nowrap}.sidebar-toggle{color:#0f172a;cursor:pointer;background:#ffffffe6;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;padding:10px 12px;font-weight:800;display:inline-flex}.sidebar-backdrop{z-index:1000;background:#0206178c;position:fixed;inset:0}.app-shell.sidebar-open .sidebar-backdrop{display:block}.sidebar{z-index:1001;width:280px;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-102%)}.app-shell.sidebar-open .sidebar{transform:translate(0)}.topbar{flex-wrap:wrap;gap:12px}.sidebar nav,.chart-grid,.filter-bar{grid-template-columns:1fr}.inline-filters{flex-direction:column}.filter-head{flex-direction:column;align-items:flex-start;gap:8px}.detail-row{grid-template-columns:1fr;gap:4px}.banner-form-inline,.filter-row{grid-template-columns:1fr}}
