:root{color:#15374f;background:#f4faff;--sky:#0284c7;--ink:#15374f;--line:#dcecf5;--muted:#577386;scroll-behavior:smooth}
body{background:linear-gradient(135deg,#edf8ff 0%,#f8fcff 45%,#fff 100%);min-height:100vh}
aside{width:240px;background:#fff;color:var(--ink);padding:25px 24px;border-right:1px solid var(--line);box-shadow:4px 0 24px #2186b905;z-index:2}
.brand{display:block;width:100%;line-height:1;text-decoration:none;letter-spacing:normal}
.brand img{display:block;width:172px;height:172px;object-fit:contain;margin:0 auto}
aside p{font-size:14px;line-height:1.85;color:var(--muted);margin:10px 16px 0;padding-top:20px;border-top:1px solid var(--line)}
nav{display:grid;gap:10px;margin-top:40px;line-height:1.5}
nav a{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;color:#527287;text-decoration:none;font-size:14px;transition:background .15s,color .15s}
nav a span{font-size:11px;color:#7eaabe;font-weight:650;letter-spacing:1px}
nav a:first-child{background:#e9f6ff;color:#036b9e;font-weight:650}
nav a:hover{background:#eff8ff;color:#0279b5}aside small{color:#6c8798;left:40px;font-size:11px;letter-spacing:.3px}
main{margin-left:240px;width:calc(100% - 240px);max-width:1600px;padding:46px 46px 72px}
header{padding:8px 0 24px;margin-bottom:20px;border-bottom:1px solid #deedf5}
header small{font-size:11px;color:#1684ba;letter-spacing:3px;font-weight:650}
h1{color:#103b58;font-size:clamp(24px,2.4vw,34px);letter-spacing:-.7px;line-height:1.4;margin:12px 0}
header p,.muted{color:var(--muted);line-height:1.85}
.tag{display:inline-flex;align-items:center;gap:7px;border:1px solid #cbeafe;background:#e9f7ff;color:#086890;font-size:12px;padding:10px 14px}
.tag:before{content:'';width:6px;height:6px;border-radius:50%;background:#0ea5e9}
section,.task{border:1px solid var(--line);border-radius:18px;background:#fff;padding:28px;box-shadow:0 6px 24px #2075a305;margin:20px 0}
h2{color:#183f59;font-size:18px;letter-spacing:.2px}.task h3{color:#24465e;line-height:1.7}
textarea,input[type=password],select,#externalPanel input{background:#fbfdff;border:1px solid #cddfea;color:#15374f;border-radius:10px;padding:13px;transition:border-color .15s,box-shadow .15s}
textarea::placeholder,input::placeholder{color:#78909f}textarea{min-height:125px;line-height:1.8}
input:focus,textarea:focus,select:focus{outline:none;border-color:#38a9de;box-shadow:0 0 0 3px #e0f3ff}
input[type=checkbox]{accent-color:#0284c7}button{background:#087faf;color:#fff;border-radius:10px;padding:12px 20px;font-weight:550;box-shadow:0 3px 8px #0284c712;transition:background .15s,transform .15s}
button:hover{background:#036a99;transform:translateY(-1px)}button:focus-visible,a:focus-visible{outline:3px solid #7dd3fc;outline-offset:3px}button:disabled{transform:none}
.secondary{background:#edf7fd;color:#14658f;box-shadow:none;border:1px solid #d3eafa}.secondary:hover{background:#dff2fe}
.providers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.provider{min-width:0;border:1px solid #d6eaf7;border-top:3px solid #69c7f1;border-radius:13px;background:#f1f9ff;padding:17px 15px;color:#155b80;font-size:14px;line-height:1.5}
.provider small{font-size:11px;color:#59788d;line-height:1.7;margin-top:7px}.row{gap:28px;margin:20px 0}.task .meta{color:#678395}
.task pre,#externalPanel pre{background:#f4faff;border:1px solid #e1eff7;color:#294d64;font-size:13px;line-height:1.9;padding:18px;border-radius:12px}
.role{background:#eff8ff;color:#24678e;border:1px solid #dceefa;padding:12px 16px;font-size:13px}.actions{gap:12px}.sectionTitle{margin-top:34px}
summary{color:#1374a1;font-size:13px}#notice:not(:empty){background:#ecf7ff;color:#17577d;border:1px solid #cae9fc;padding:15px 18px}
#login{max-width:610px;margin-top:40px;padding:32px}#login p{font-size:14px;color:#5c788b;line-height:1.8}#login button{margin-top:17px;min-width:150px}
.mobile-brand{display:none}#externalPanel form>label{max-width:340px}#externalPanel fieldset{gap:18px}
@media(min-width:1500px){main{padding:54px 60px}header{margin-bottom:28px}.providers{gap:16px}}
@media(max-width:1100px){main{padding:30px}.providers{grid-template-columns:repeat(3,minmax(0,1fr))}.row{flex-wrap:wrap}.row>label{min-width:220px}.tag{margin-top:4px}}
@media(max-width:850px){aside{display:none}main{margin:0;width:100%;padding:20px 18px 45px}.mobile-brand{display:block;width:95px;height:85px;object-fit:contain;margin:-12px 0 10px}header{padding:0 0 22px}header .tag{display:inline-flex;margin-top:10px}h1{font-size:25px}.providers{grid-template-columns:repeat(2,minmax(0,1fr))}.provider:last-child{grid-column:1/-1}section,.task{padding:21px;border-radius:14px}#login{padding:24px;margin-top:24px}fieldset{gap:12px}.row>label{width:100%;min-width:0}.actions button{width:100%}.sectionTitle{gap:12px}.sectionTitle button{white-space:nowrap}}
#organization form{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}#organization label{display:grid;gap:8px}#organization input,#bots input{padding:12px;border:1px solid #cddfea;border-radius:10px;max-width:100%;background:#fbfdff}#bots form{display:flex;gap:12px;flex-wrap:wrap}#bots input{width:340px}#taskCompany,#taskTeam{margin-bottom:12px}#organization details,#bots details{padding:12px;border-bottom:1px solid #e1eff7}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}