@import url('/fonts.css');
:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#172b36;background:#f4f7f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}aside{position:fixed;inset:0 auto 0 0;width:240px;padding:36px 24px;background:#102d32;color:#c0d6d7;display:flex;flex-direction:column}.brand{font-size:30px;font-weight:800;color:#55e1b0;display:flex;gap:15px;align-items:center;text-decoration:none}.brand span{font-size:22px;color:#fff}.brand small{display:block;font-weight:400;font-size:11px;color:#9ab8bb;margin-top:4px}nav{margin-top:52px;display:grid;gap:12px}nav a{color:#c0d6d7;text-decoration:none;padding:12px 8px;border-radius:8px}nav a:hover{background:#24434a;color:#fff}footer{margin-top:auto;font-size:11px;line-height:1.9;color:#8aadb0}main{margin-left:240px;padding:46px;max-width:1700px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}small{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#527176}h1{font-size:34px;letter-spacing:-1.2px;margin:12px 0}h2{font-size:20px;margin:12px 0;letter-spacing:-.4px}p{color:#647b81;font-size:13px;line-height:1.65}section{background:#fff;border:1px solid #dce7e5;border-radius:16px;padding:25px;margin-bottom:24px;scroll-margin-top:24px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;background:none;padding:0;border:0}.cards article{background:#fff;padding:24px;border:1px solid #dce7e5;border-radius:14px}.cards h2{font-size:25px;overflow-wrap:anywhere}.cards article:first-child{border-top:3px solid #159d78}.cards p{font-size:11px;margin-bottom:0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.compact{gap:12px}label{display:block;font-size:12px;font-weight:600;margin:12px 0;color:#3a555c}input,textarea,select{display:block;width:100%;background:#f9fbfb;border:1px solid #ccdcd9;border-radius:8px;padding:11px;margin-top:7px;color:#172b36;font:inherit}textarea{resize:vertical;min-height:70px}.check{display:flex;align-items:center;gap:10px}.check input{width:16px;margin:0}button{border:0;border-radius:8px;background:#137f64;color:white;padding:12px 18px;font-weight:600;font-size:12px;cursor:pointer}button:hover{background:#0b604b}button:disabled{opacity:.5}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f8f7;border-radius:10px;padding:16px;font-size:12px;line-height:1.7}#login{max-width:500px}#notice:not(:empty){background:#e4f2ec;color:#174d3e;padding:14px;border-radius:8px}#qr{display:block;max-width:260px;width:100%;margin:20px 0}[hidden],#qr[hidden]{display:none!important}table{border-collapse:collapse;width:100%;font-size:11px}td,th{text-align:left;padding:14px 10px;border-bottom:1px solid #e6eeec;vertical-align:top;max-width:350px;overflow-wrap:anywhere}th{color:#688286}.table-wrap{overflow:auto}.doc{border-top:1px solid #e1ebe8;padding:15px 0;display:flex;justify-content:space-between;gap:10px}.doc a{color:#137f64}#documentForm{margin-bottom:20px}@media(max-width:1100px){aside{width:190px;padding:25px 16px}main{margin-left:190px;padding:28px}.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media(max-width:650px){aside{position:static;width:100%;padding:20px}nav{display:flex;overflow:auto;margin-top:16px;gap:8px}nav a{white-space:nowrap;padding:8px;font-size:11px}footer{display:none}main{margin:0;padding:20px}h1{font-size:26px}.cards{gap:10px}.cards article{padding:16px}.cards h2{font-size:20px}section{padding:19px}header{align-items:flex-start;gap:10px}}

.integration-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #dce7e5;padding:12px 0 18px;margin-bottom:22px}.integration-tabs button{background:#edf4f1;color:#36564f}.integration-tabs button[aria-selected="true"]{background:#137f64;color:#fff}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.secondary{background:#e9f1ee;color:#28604f}.secondary:hover{background:#d8e9e2}#setup{max-width:640px}#setup h2{font-size:30px}#setup label small{display:block;margin-top:8px;letter-spacing:0;font-weight:400;line-height:1.6}#integrationNotice:not(:empty){padding:16px;background:#edf7f1;border-radius:8px;color:#174d3e}#pairQR{display:block;width:250px;max-width:100%;margin:16px 0}#pairQR[hidden]{display:none}details{margin-top:20px;padding:16px;border:1px solid #dce7e5;border-radius:8px}summary{cursor:pointer;font-size:13px;font-weight:600}h3{font-size:17px;margin-top:22px}#operatorForm,#passwordForm{margin:20px 0 30px}
#setupError:not(:empty){padding:12px;background:#fff0ed;color:#9a3123;border:1px solid #eab7ac;border-radius:8px;font-size:13px;line-height:1.6}
