@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#0b3d5c;--navy-dark:#072b43;--navy-mid:#1a5276;--teal:#0ea5e9;--teal-light:#e0f2fe;--teal-mid:#38bdf8;--bg:#f0f4f8;--surface:#fff;--border:#e2e8f0;--border-mid:#cbd5e1;--text:#1e293b;--muted:#64748b;--subtle:#94a3b8;--green:#10b981;--green-bg:#ecfdf5;--amber:#f59e0b;--amber-bg:#fffbeb;--red:#ef4444;--red-bg:#fef2f2;--purple:#8b5cf6;--purple-bg:#f5f3ff;--font:"DM Sans",system-ui,sans-serif;--mono:"DM Mono",monospace;--radius:8px;--radius-lg:12px;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;--shadow-lg:0 10px 25px -3px #0000001a;--sidebar-width:240px}html,body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer;border:none;outline:none}input,select,textarea{font-family:var(--font);outline:none;font-size:14px}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #0ea5e91f;border-color:var(--teal)!important}.app-layout{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.page-body{flex:1;padding:28px 32px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.btn-primary{background:var(--navy);color:#fff;border-radius:var(--radius);align-items:center;gap:6px;padding:9px 18px;font-size:13.5px;font-weight:500;transition:background .15s;display:inline-flex}.btn-primary:hover{background:var(--navy-mid)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:6px;padding:9px 18px;font-size:13.5px;font-weight:500;transition:border-color .15s,background .15s;display:inline-flex}.btn-secondary:hover{border-color:var(--border-mid);background:var(--bg)}.btn-teal{background:var(--teal);color:#fff;border-radius:var(--radius);align-items:center;gap:6px;padding:9px 18px;font-size:13.5px;font-weight:500;transition:opacity .15s;display:inline-flex}.btn-teal:hover{opacity:.9}.btn-danger{background:var(--red-bg);color:var(--red);border-radius:var(--radius);border:1px solid #fecaca;align-items:center;gap:6px;padding:9px 18px;font-size:13.5px;font-weight:500;display:inline-flex}.btn-danger:hover{background:#fee2e2}.form-group{flex-direction:column;gap:5px;display:flex}.form-label{color:var(--text);font-size:13px;font-weight:500}.form-input{border:1px solid var(--border);border-radius:var(--radius);color:var(--text);background:var(--surface);width:100%;padding:9px 12px;font-size:14px;transition:border-color .15s}.form-select{border:1px solid var(--border);border-radius:var(--radius);color:var(--text);background:var(--surface);appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;width:100%;padding:9px 36px 9px 12px;font-size:14px}.form-textarea{border:1px solid var(--border);border-radius:var(--radius);color:var(--text);background:var(--surface);resize:vertical;width:100%;min-height:80px;padding:9px 12px;font-size:14px}.form-hint{color:var(--muted);font-size:12px}.skill-grid{flex-wrap:wrap;gap:6px;display:flex}.skill-chip{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;color:var(--muted);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .1s}.skill-chip:hover{border-color:var(--teal);color:var(--teal)}.skill-chip.selected{background:var(--teal-light);border-color:var(--teal);color:var(--navy)}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);background:var(--bg);padding:10px 16px;font-size:12px;font-weight:600}.data-table td{border-bottom:1px solid var(--border);padding:12px 16px;font-size:13.5px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#f8fafc}.score-bar-wrap{align-items:center;gap:8px;display:flex}.score-bar-track{background:var(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}.score-bar-fill{border-radius:3px;height:100%;transition:width .4s}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.25s forwards fadeIn}