:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#182e35;background:#f3f6f6;--green:#09695d;--line:#dce5e5}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid var(--line);padding:18px 5vw;display:flex;justify-content:space-between;gap:15px;align-items:center}.brand{font-size:26px;font-weight:800;color:var(--green);text-decoration:none}.brand span{font-size:16px;color:#41585c;font-weight:500}main{max-width:1250px;margin:28px auto;padding:0 25px}.setup,.login{max-width:620px;margin:35px auto;padding:28px;background:white;border:1px solid var(--line);border-radius:16px}h1{font-size:28px;margin:0 0 14px}h2{font-size:20px}p{line-height:1.55}.mute{color:#596f73;font-size:14px}nav{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}button,.button{cursor:pointer;font:inherit;border:0;border-radius:8px;padding:11px 16px;background:var(--green);color:#fff;text-decoration:none;display:inline-block}button.secondary,nav button{background:white;border:1px solid var(--line);color:#24444b}nav button.active{background:var(--green);color:white}button:disabled{opacity:.55;cursor:wait}button.small{padding:7px 10px;font-size:13px}label{display:block;margin:14px 0;color:#34535a;font-weight:600}input,select,textarea{display:block;width:100%;margin-top:6px;font:inherit;padding:11px;border:1px solid #b7c8c9;border-radius:8px;background:#fff;color:#182e35}textarea{min-height:125px;resize:vertical}input[type=color]{height:45px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:20px 0}.toolbar select{max-width:320px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:16px}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:20px;overflow-wrap:anywhere}.card h2{margin:0 0 10px}.card pre{white-space:pre-wrap;font:inherit;line-height:1.5;max-height:300px;overflow:auto}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.stat strong{display:block;font-size:32px;color:var(--green)}.badge{display:inline-block;padding:4px 9px;background:#e5f1ed;border-radius:6px;font-size:13px;margin:5px 5px 5px 0}.buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.empty{padding:25px;border:1px dashed #b7c8c9;border-radius:12px}.error,#edit-error{color:#a12626}#message{max-width:1200px;margin:12px auto;padding:0 25px;color:#a12626}dialog{border:1px solid var(--line);border-radius:15px;padding:25px;width:min(620px,94vw);max-height:90vh;overflow:auto}dialog::backdrop{background:#16363a77}footer{text-align:center;color:#61787b;padding:25px;font-size:13px}table{border-collapse:collapse;width:100%;background:white}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px;vertical-align:top}.scroll{overflow:auto}.refresh{font-size:13px;color:#596f73}.notice{background:#e9f2ef;border-radius:9px;padding:14px}.skillssearch{max-width:500px}.count{font-size:13px;color:#596f73}@media(max-width:650px){header{padding:15px;align-items:flex-start}.brand span{display:block}main{padding:0 15px;margin-top:20px}.stats{grid-template-columns:repeat(2,1fr)}.toolbar{align-items:stretch;flex-direction:column}.toolbar select{max-width:none}.grid{grid-template-columns:1fr}h1{font-size:24px}.card{padding:16px}}