:root{--orange-1: #ff6b00;--orange-2: #ff8f1f;--green-1: #1f8a4d;--green-2: #3bb273;--bg: #f4f8f1;--text: #1f2937;--panel: #ffffff}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,#fff7ec,#eef8ee 45%,#e8f0ff)}.layout{display:grid;grid-template-columns:300px 1fr;min-height:100vh;transition:grid-template-columns .22s ease}.layout.sidebar-collapsed{grid-template-columns:110px 1fr}.layout.no-sidebar{grid-template-columns:1fr}.sidebar{padding:14px}.sidebar-shell{height:calc(100vh - 28px);border-radius:12px;background:#fafafa;box-shadow:0 18px 34px #0000001a;padding:14px;display:flex;flex-direction:column;gap:8px}.sidebar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.brand{display:flex;align-items:center;gap:10px}.brand-logo{width:36px;height:36px;object-fit:contain;display:block}.brand-text{font-size:32px;color:#202126;white-space:nowrap}.toggle-btn{margin:0;padding:0;border:1px solid #e5e7eb;background:#f8fafc;color:#111827;width:40px;height:36px;border-radius:999px;cursor:pointer;display:grid;place-items:center;line-height:1;transition:all .2s ease}.toggle-btn .material-symbols-rounded{display:block;font-size:20px;line-height:1}.toggle-btn:hover{background:#eef2f7;border-color:#d1d5db}.section-title{margin:10px 8px 4px;font-size:12px;color:#8b8b8b;font-weight:700;letter-spacing:.08em}.menu-list{display:grid;gap:8px}.menu-item{position:relative;width:100%;text-decoration:none;border:0;background:transparent;color:#595b61;padding:11px 12px;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease}.menu-item:hover{background:#f1f4f8}.menu-icon{width:20px;height:20px;color:#5d5f64;flex-shrink:0;font-size:20px;line-height:1;font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 24}.menu-text{font-size:16px}.menu-item.active{background:linear-gradient(120deg,var(--orange-2),var(--green-2));color:#fff}.menu-item.active .menu-icon{color:#fff}.logout-item{margin-top:auto}.sidebar.collapsed .brand-text,.sidebar.collapsed .section-title,.sidebar.collapsed .menu-text{display:none}.sidebar.collapsed .sidebar-shell{align-items:center;padding:14px 10px}.sidebar.collapsed .menu-list,.sidebar.collapsed .logout-item{width:100%}.sidebar.collapsed .menu-item{justify-content:center;padding:11px 8px}.sidebar.collapsed .menu-item:hover:after{content:attr(data-label);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#111827;color:#fff;font-size:14px;padding:6px 10px;border-radius:8px;white-space:nowrap;pointer-events:none;z-index:10}.content{padding:24px}.mobile-topbar,.mobile-backdrop{display:none}.panel{background:var(--panel);border-radius:16px;padding:20px;box-shadow:0 16px 42px #00000014}.auth-panel{max-width:560px;margin:30px auto}.auth-content{padding:0;min-height:100vh}body:has(.auth-content){background:var(--panel)}.auth-page{display:grid;grid-template-columns:minmax(320px,42%) 1fr;min-height:100vh;background:var(--panel)}.auth-form-side{display:flex;align-items:center;justify-content:center;padding:48px 40px;overflow-y:auto}.auth-form-inner{width:100%;max-width:400px}.auth-form-inner--wide{max-width:480px}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:36px}.auth-brand img{width:40px;height:40px;object-fit:contain}.auth-brand span{font-size:1.75rem;font-weight:700;color:#202126}.auth-page h1{margin:0 0 8px;font-size:2rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.auth-subtitle{margin:0 0 28px;color:#64748b;font-size:.95rem}.auth-subtitle a{color:var(--green-1);font-weight:600;text-decoration:none}.auth-subtitle a:hover{color:var(--orange-1)}.auth-page form label{display:block;margin:0 0 6px;font-size:.875rem;font-weight:600;color:#374151}.auth-page form input[type=email],.auth-page form input[type=password],.auth-page form input[type=text],.auth-page form input[type=number],.auth-page form input[type=date],.auth-page form select{width:100%;margin:0 0 18px;padding:12px 14px;border-radius:10px;border:1px solid #d1d9c8;background:#f8faf6;color:var(--text);font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.auth-page form input:focus,.auth-page form select:focus{outline:none;border-color:var(--green-2);box-shadow:0 0 0 3px #3bb2732e}.auth-page .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-page .grid-2>div label{margin-top:0}.auth-page .grid-2 input,.auth-page .grid-2 select{margin-bottom:18px}.auth-page .password-field{position:relative;margin-bottom:18px}.auth-page .password-field input{margin-bottom:0;padding-right:44px}.auth-page .toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);margin:0;padding:4px;border:0;background:transparent;color:#6b7280;cursor:pointer;border-radius:6px;line-height:1}.auth-page .toggle-password:hover{color:var(--green-1);background:transparent}.auth-page .toggle-password .material-symbols-rounded{font-size:20px}.auth-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.auth-page .remember{display:flex;align-items:center;gap:8px;margin:0;font-size:.875rem;font-weight:500;color:#64748b;cursor:pointer}.auth-page .remember input{width:auto;margin:0;accent-color:var(--green-1)}.auth-page .auth-check{display:flex;align-items:center;gap:8px;margin:0 0 18px;font-weight:600;color:#64748b}.auth-page .auth-check input{width:auto;margin:0;accent-color:var(--green-1)}.auth-page .auth-check-grid{display:flex;flex-wrap:wrap;gap:10px 14px;margin:4px 0 18px}.auth-page .auth-check-grid label{display:inline-flex;align-items:center;gap:6px;margin:0;font-weight:600;color:#64748b}.auth-page .auth-check-grid input{width:auto;margin:0;accent-color:var(--green-1)}.auth-page .btn-primary{width:100%;margin:0;padding:13px 16px;border:0;border-radius:10px;background:linear-gradient(120deg,var(--orange-2),var(--green-2));color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .2s ease,transform .15s ease}.auth-page .btn-primary:hover{opacity:.92;transform:translateY(-1px)}.auth-page .error{margin:14px 0 0;font-size:.875rem}.auth-hero-side{position:relative;overflow:hidden;display:flex;align-items:center;padding:48px;background:radial-gradient(circle at 20% 20%,rgba(255,143,31,.35),transparent 45%),radial-gradient(circle at 80% 70%,rgba(59,178,115,.4),transparent 50%),linear-gradient(145deg,#1a3d2e,#1f2937 55%,#2d1f12);color:#fff}.hero-shape{position:absolute;border-radius:50%;pointer-events:none}.hero-shape-a{width:420px;height:420px;right:-80px;top:-60px;background:radial-gradient(circle,rgba(255,143,31,.25) 0%,transparent 70%)}.hero-shape-b{width:520px;height:520px;left:-120px;bottom:-140px;background:radial-gradient(circle,rgba(59,178,115,.3) 0%,transparent 68%)}.hero-dots{position:absolute;top:32px;right:32px;width:120px;height:120px;opacity:.35;background-image:radial-gradient(#fff 1.5px,transparent 1.5px);background-size:14px 14px}.hero-content{position:relative;z-index:1;max-width:480px}.hero-content h2{margin:0 0 16px;font-size:clamp(1.75rem,3vw,2.35rem);font-weight:700;line-height:1.2;letter-spacing:-.02em}.hero-content>p{margin:0 0 32px;color:#ffffffd1;font-size:1.05rem;line-height:1.6}.hero-social{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.avatar-stack{display:flex}.avatar{width:40px;height:40px;margin-left:-10px;border-radius:50%;border:2px solid rgba(255,255,255,.9);display:grid;place-items:center;font-size:.7rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--orange-2),var(--green-2))}.avatar:first-child{margin-left:0}.avatar:last-child{background:#ffffff26;font-size:1rem}.hero-social p{margin:0;flex:1;min-width:200px;font-size:.9rem;color:#ffffffbf;line-height:1.45}@media (max-width: 900px){.auth-page{grid-template-columns:1fr}.auth-hero-side{display:none}.auth-form-side{min-height:100vh;padding:32px 24px;align-items:flex-start}.auth-page .grid-2{grid-template-columns:1fr}}label{display:block;margin:10px 0 6px;font-weight:600}input,select,textarea{width:100%;padding:11px;border-radius:10px;border:1px solid #ccd5c2}textarea{min-height:84px}button{margin-top:12px;background:linear-gradient(120deg,var(--orange-2),var(--green-2));color:#fff;border:0;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:700}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.job-card{border:1px solid #e3ebdf;border-radius:12px;padding:14px}.error{color:#d62828}.success{color:var(--green-1)}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #e8ece2;padding:9px;text-align:left}.search-row{display:flex;gap:8px}@media (max-width: 768px){.layout{grid-template-columns:1fr}.mobile-topbar{position:sticky;top:0;z-index:1100;display:flex;align-items:center;gap:10px;background:#fff;border-bottom:1px solid #e5e7eb;padding:10px 14px}.mobile-menu-btn{margin:0;width:40px;height:40px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#111827;display:grid;place-items:center;padding:0}.mobile-brand{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;color:#1f2937}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:1200;transform:translate(-100%);transition:transform .2s ease;padding:10px}.sidebar.mobile-open{transform:translate(0)}.layout.sidebar-collapsed{grid-template-columns:1fr}.sidebar-shell{height:100%}.mobile-backdrop{display:block;position:fixed;inset:0;z-index:1150;background:#00000059}.content{padding:16px}.grid-2{grid-template-columns:1fr}}