:root{font-family:Segoe UI,Arial,sans-serif;color:#182b3c;background:#f3f6f8;font-size:15px}*{box-sizing:border-box}body{margin:0}header{display:flex;gap:16px;align-items:center;padding:24px 40px;background:#fff;border-bottom:1px solid #dae3e8}h1{font-size:25px;margin:0}header p{margin:4px 0;color:#667b89}.brand{background:#124b52;color:white;font-size:30px;border-radius:14px;padding:8px 14px;font-weight:700}.brand span{color:#8ae5cb}.badge{margin-left:auto;background:#dcf4e9;color:#205d46;padding:8px 16px;border-radius:30px;font-weight:600}main{display:grid;grid-template-columns:305px 1fr;gap:30px;max-width:1600px;margin:auto;padding:32px}aside,.cards form{background:white;border:1px solid #dfe7eb;border-radius:16px;padding:24px}aside{align-self:start}h2{font-size:21px;margin:0 0 14px}h3{font-size:17px;margin:0 0 18px}label{display:block;font-size:13px;font-weight:600;margin:16px 0}input,select{display:block;width:100%;padding:11px;border:1px solid #bdcbd3;border-radius:8px;margin-top:7px;font:inherit;background:#fff;color:#182b3c}input:focus,select:focus{outline:2px solid #3c9f98;outline-offset:1px}button{background:#12675f;color:white;border:0;border-radius:8px;padding:12px 18px;font:inherit;font-weight:600;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button.secondary{background:#edf2f4;color:#244653;margin-top:12px}.muted{color:#647883;line-height:1.6}.small{font-size:12px}.eyebrow{font-size:11px;letter-spacing:2px;color:#33776f;font-weight:700}.cards{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px;margin-top:24px}.cards form{padding:20px}#message{padding:18px 0;color:#48626d}.error{color:#a12737!important}#result{background:white;border:1px solid #dfe7eb;border-radius:16px;padding:20px;min-height:240px;overflow:hidden}.empty{text-align:center;padding:35px;color:#728690}.empty span{font-size:40px;color:#408c83}.empty h3{margin:10px}.scroll{overflow:auto;max-height:500px}table{border-collapse:collapse;font-size:13px;min-width:100%}th,td{padding:10px;text-align:left;border-bottom:1px solid #e6edf0;max-width:380px;overflow-wrap:anywhere}th{background:#edf5f3;position:sticky;top:0}details{border-bottom:1px solid #e0e8eb;padding:13px 4px}summary{cursor:pointer;font-weight:600;margin-bottom:8px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;background:#f5f8fa;padding:12px}footer{padding:20px 32px;color:#73858e;font-size:12px}#connection{font-weight:600;color:#12675f}@media(max-width:1050px){main{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr 1fr}aside{max-width:none}}@media(max-width:700px){header{padding:20px}.cards{grid-template-columns:1fr}main{padding:16px}.badge{font-size:12px}}
dialog{max-width:560px;width:calc(100% - 32px);border:1px solid #bdcbd3;border-radius:16px;padding:28px;color:#182b3c}dialog::backdrop{background:rgba(14,32,43,.55)}#workplace-error{color:#a12737;line-height:1.5}[hidden]{display:none!important}