:root{font-family:Inter,system-ui,sans-serif;color:#17212b;background:#f4f6f8;line-height:1.5}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:40px 24px}.card{background:#fff;border:1px solid #e1e6ea;border-radius:18px;box-shadow:0 12px 40px #17212b12}.login-card{max-width:420px;margin:10vh auto;padding:40px}.brand{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#18222f;color:#fff;font-weight:800}h1{margin:12px 0 4px;font-size:28px}p{color:#697581;margin-top:0}label{display:grid;gap:7px;margin:18px 0;font-weight:600;font-size:14px}input,select{width:100%;padding:12px;border:1px solid #cad2d9;border-radius:9px;font:inherit;background:#fff}input:focus,select:focus{outline:2px solid #75a58a;border-color:transparent}button{border:0;border-radius:9px;padding:11px 18px;background:#286445;color:#fff;font:inherit;font-weight:700;cursor:pointer}button:hover{background:#1f5238}.login-card button{width:100%;margin-top:8px}.secondary{background:#e8edf0;color:#283640}.secondary:hover{background:#dce3e7}.error{color:#b42318;min-height:24px;margin-top:10px}header,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}header{margin-bottom:38px}header>div:last-child{display:flex;align-items:center;gap:16px}header small{color:#286445;font-weight:800;letter-spacing:1.5px}.toolbar{background:#fff;border:1px solid #c8d0d6;padding:12px 14px;border-radius:8px 8px 0 0}.toolbar p{margin:0}.toolbar>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.table-wrap{overflow:auto;background:#fff;border:1px solid #aeb8c0;border-top:0;border-radius:0 0 8px 8px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:8px 10px;border-right:1px solid #cfd6dc;border-bottom:1px solid #cfd6dc;vertical-align:middle}th:last-child,td:last-child{border-right:0}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f5f7f8}th{background:#e9edf0;color:#36434d;font-size:11px;font-weight:800;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap}.role{display:inline-block;padding:3px 7px;border-radius:4px;background:#e7f2eb;color:#286445;font-size:11px;font-weight:700}.row-actions{display:flex;justify-content:flex-end;gap:5px}.row-actions button{padding:5px 8px;border-radius:5px;font-size:12px}.danger{background:#fff0ee;color:#b42318}.danger:hover{background:#ffe2de}.done-sow-tools{min-width:220px}.search-field{display:block;margin:0;font-size:11px;color:#56636d}.search-field span{display:block;margin-bottom:3px;text-transform:uppercase;letter-spacing:.04em}.search-field input{width:220px;padding:7px 9px;border-radius:5px;font-size:13px}.results-count{color:#697581;font-size:12px;white-space:nowrap}.sort-button{display:inline-flex;align-items:center;gap:5px;margin:-8px -10px;padding:8px 10px;border-radius:0;background:transparent;color:inherit;font-size:inherit;text-transform:inherit;letter-spacing:inherit}.sort-button:hover,.sort-button.active{background:#d9e0e5;color:#17212b}.sort-button span{font-size:13px}dialog{border:0;border-radius:16px;padding:0;box-shadow:0 25px 80px #0004}dialog::backdrop{background:#17212b99}dialog form{width:min(420px,90vw);padding:28px}.actions{display:flex;justify-content:flex-end;gap:10px}.actions button{width:auto}small{color:#78838d;font-weight:400}@media(max-width:600px){main{padding:22px 14px}.login-card{padding:28px 22px}header{align-items:flex-start}#current-user{display:none}.toolbar{align-items:flex-start;flex-direction:column}.search-field input{width:min(280px,calc(100vw - 58px))}th,td{padding:7px 8px}th:first-child,td:first-child{display:none}}