*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f7fb;color:#172033}a{text-decoration:none;color:#4f46e5}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#111827;color:#fff;padding:28px 20px}.brand{display:flex;gap:12px;align-items:center;margin-bottom:36px}.logo,.avatar{display:grid;place-items:center;background:#4f46e5;color:#fff;font-weight:800}.logo{width:44px;height:44px;border-radius:12px}.brand strong,.brand small{display:block}.brand small,.sidebar-user small{color:#9ca3af}.sidebar nav{display:grid;gap:8px}.sidebar nav a{padding:13px 14px;border-radius:10px;color:#cbd5e1}.sidebar nav a.active,.sidebar nav a:hover{background:#ffffff17;color:#fff}.sidebar-user{position:absolute;bottom:24px;left:20px;right:20px;padding:14px;border:1px solid #ffffff1a;border-radius:12px}.sidebar-user strong,.sidebar-user small,.sidebar-user a{display:block}.sidebar-user a{margin-top:8px;color:#c7d2fe}.main{margin-left:250px;padding:28px}.topbar{margin-bottom:24px}.topbar h1{margin:0 0 6px}.topbar p{margin:0;color:#6b7280}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:20px}.stats article,.panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 30px #1118270a}.stats article{padding:22px}.stats span{color:#6b7280}.stats strong{display:block;font-size:30px;margin-top:12px}.panel{padding:22px;margin-bottom:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel h2{margin-top:0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bar-row{margin-bottom:16px}.bar-row>div:first-child{display:flex;justify-content:space-between;margin-bottom:6px}.track{height:9px;background:#edf0f5;border-radius:999px;overflow:hidden}.fill{height:100%;background:#4f46e5}.skill-list{display:grid;gap:12px}.skill-list div{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding-bottom:10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:13px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}th{font-size:12px;color:#6b7280;text-transform:uppercase}.badge,.tags span{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:12px;font-weight:700}.filters{display:grid;grid-template-columns:2fr 1fr auto auto;gap:10px}input,select,textarea{width:100%;padding:12px;border:1px solid #d8deea;border-radius:10px;font:inherit}label{display:grid;gap:7px;font-weight:700;margin-bottom:14px}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:0;border-radius:10px;background:#4f46e5;color:#fff;font-weight:700;cursor:pointer}.button.secondary{background:#eef1f6;color:#172033}.skills-cell{min-width:280px;max-width:420px;color:#4b5563}.profile-grid{display:grid;grid-template-columns:320px 1fr;gap:20px}.profile-card{align-self:start;position:sticky;top:20px;text-align:center}.avatar{width:76px;height:76px;border-radius:50%;margin:0 auto 14px;font-size:28px}.contact{text-align:left;margin:20px 0}.contact div{padding:10px 0;border-bottom:1px solid #eee}.contact strong,.contact span{display:block}.contact span{margin-top:4px;color:#6b7280}.tags{display:flex;flex-wrap:wrap;gap:8px}.resume-text{line-height:1.7;color:#475569}.job-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.job-card{border:1px solid #e5e7eb;border-radius:14px;padding:18px;background:#fbfcff}.job-meta,.job-details{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0;color:#6b7280}.job-details div{display:grid;gap:4px}.form-panel{max-width:900px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}.result-head{display:flex;justify-content:space-between;align-items:flex-start}.score{display:grid;place-items:center;width:90px;height:90px;border-radius:50%;border:8px solid #4f46e5;font-size:22px;font-weight:800}.match{padding:16px;border-radius:12px}.match.good{background:#ecfdf3}.match.bad{background:#fff1f2}.empty-state{text-align:center;padding:70px 20px;color:#6b7280}.alert.error{padding:12px;background:#fff1f2;color:#be123c;border-radius:10px}.login-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eef2ff,#f5f7fb)}.login-card{width:min(420px,92vw);background:#fff;padding:32px;border-radius:18px;box-shadow:0 18px 50px #1118271f}.login-logo{display:grid;place-items:center;width:56px;height:56px;background:#4f46e5;color:#fff;border-radius:15px;font-weight:800}.login-card form{display:grid;gap:10px}.login-card small{display:block;margin-top:14px;color:#6b7280}@media(max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.job-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{position:static;width:auto}.sidebar-user{display:none}.main{margin-left:0;padding:16px}.grid-2,.profile-grid,.job-grid,.form-grid,.filters{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.profile-card{position:static}}