:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg:#f6f8fb;--panel:#fff;--muted:#666;--accent:#2563eb}*{box-sizing:border-box}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0;background:var(--bg);color:#111}.app-root{max-width:1100px;margin:24px auto;padding:20px}header h1{margin:0 0 4px}.muted{color:var(--muted);font-size:.9rem}main{display:grid;grid-template-columns:1fr 1fr 320px;gap:18px;margin-top:18px;align-items:start}.panel{background:var(--panel);padding:14px;border-radius:8px;box-shadow:0 1px 2px #1018280a}.panel h2{margin:0 0 8px}.row{display:flex;gap:8px;align-items:center}.row input,.row select{padding:8px;border:1px solid #e6e9ef;border-radius:6px}.row button{padding:8px 10px;border-radius:6px;border:0;background:var(--accent);color:#fff}.list{list-style:none;padding:0;margin:12px 0}.list li{display:flex;justify-content:space-between;align-items:center;padding:8px 6px;border-bottom:1px solid #f0f2f6}.controls{display:flex;gap:8px;align-items:center;margin-top:8px}.controls input{width:80px;padding:6px}.employees .employee-row{display:flex;justify-content:space-between;align-items:center;padding:10px 6px}.employee-row .left{display:flex;gap:12px;align-items:center}.employee-row .idx{font-weight:600;color:var(--muted)}.employee-row .meta strong{display:block}.employee-row .right{display:flex;gap:8px;align-items:center}.cost{min-width:100px;text-align:right;font-weight:600}.btns button{margin-left:6px;padding:6px 8px;border-radius:6px;border:1px solid #ddd}.btns button:disabled{opacity:.4}.position-input{width:45px;padding:4px;margin-left:6px;border:1px solid #e6e9ef;border-radius:4px;text-align:center}.sen-info{display:flex;gap:8px;align-items:center}.salary-input{width:100px;padding:4px 6px;border:1px solid #e6e9ef;border-radius:4px}.sen-selects{display:flex;gap:12px;margin-top:4px}.sen-selects label{display:flex;align-items:center;gap:4px;font-size:.85rem;color:var(--muted)}.sen-selects select{padding:4px;border:1px solid #e6e9ef;border-radius:4px}.io-row{display:flex;gap:10px;align-items:center;margin-top:10px;flex-wrap:wrap}.io-row button{padding:6px 10px;border-radius:6px;border:1px solid #ddd;cursor:pointer}.io-row button:hover{background:#f0f2f6}.import-group{display:flex;gap:6px;align-items:center}.import-group span{font-size:.85rem;color:var(--muted)}.error-msg{color:#dc2626;font-size:.85rem;margin-top:6px;padding:4px 8px;background:#fef2f2;border-radius:4px}.employee-row.invalid-seniority{background:#fee2e2;border-radius:4px}.employee-row.has-promotion{background:#dcfce7;border-radius:4px}.employee-row.same-seniority{background:#fef9c3;border-radius:4px}.summary .big{font-size:1.2rem}@media(max-width:980px){main{grid-template-columns:1fr}}