:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#18312e;background:#f4f6f3;font-size:15px}*{box-sizing:border-box}body{margin:0}header{height:88px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #dce3de}.brand{display:flex;gap:13px;align-items:center}.brand-icon{background:#1e5e4e;color:#fff;border-radius:13px;font-size:25px;padding:8px 15px}.brand strong{font-size:20px}.brand small{display:block;color:#667670;margin-top:3px}.pill,.badge{border-radius:20px;background:#e7efe9;padding:7px 12px;font-size:11px;letter-spacing:.06em}.badge.draft{background:#fff0d8;color:#765519}main{max-width:1180px;margin:auto;padding:44px 30px}.intro{display:flex;justify-content:space-between;gap:40px;align-items:center;margin-bottom:32px}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:700;color:#467667}h1{font-size:38px;letter-spacing:-1.3px;line-height:1.15;margin:14px 0}h2{font-size:21px;margin:0 0 8px}p{color:#5c7068;line-height:1.6}.connection{background:#fff;border:1px solid #dce3de;border-radius:14px;padding:22px;min-width:255px;max-width:310px}.connection p{font-size:13px;margin-bottom:0;white-space:pre-line}nav{border-bottom:1px solid #d6dfd8;margin:20px 0 30px;display:flex;gap:20px}button{font:inherit;font-weight:600;border:1px solid #c9d7ce;background:#fff;color:#235645;border-radius:8px;padding:10px 15px;cursor:pointer}button:hover{background:#edf3ed}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:#245e4d;color:white;border-color:#245e4d}nav button{border:0;border-radius:0;background:transparent;padding:15px 5px}nav button.active{border-bottom:3px solid #245e4d}input,textarea,select{width:100%;font:inherit;background:#fff;color:#18312e;border:1px solid #ccd8d0;border-radius:8px;padding:11px}textarea{resize:vertical;line-height:1.6}label{display:block;margin:15px 0;font-size:13px;font-weight:600}label input,label textarea,label select{display:block;margin-top:7px}input[type=checkbox]{width:18px;height:18px;accent-color:#245e4d;flex-shrink:0}.toolbar,.filters,.selection,.actions{display:flex;gap:12px;align-items:center;justify-content:space-between}.toolbar{margin:16px 0}.toolbar p{font-size:13px;margin:0}.filters{justify-content:start;margin:22px 0 12px}.filters input{max-width:560px}.filters select{max-width:230px}.selection{justify-content:flex-end;font-size:13px;margin:15px 0}.selection span{margin-right:auto}.cards{display:grid;gap:12px}.card{background:#fff;border:1px solid #dce3de;border-radius:12px;padding:20px;display:flex;gap:15px;align-items:flex-start}.card-content{min-width:0;flex:1}.card-top{display:flex;justify-content:space-between;gap:10px}.meta{font-size:12px;color:#708278;margin-top:6px}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;color:#344c40;margin:12px 0 0;line-height:1.55}.empty{text-align:center;border:1px dashed #bdcfc0;border-radius:12px;padding:44px 20px;color:#667a6c}.empty strong{display:block;font-size:19px;margin-bottom:10px}.hint{font-size:12px;color:#6d776e}#notice:not(:empty){background:#e7f0e8;border:1px solid #bfcec0;border-radius:9px;padding:14px;margin:18px 0;white-space:pre-wrap}#notice.error{background:#fff0ec;border-color:#d7a49c;color:#86372d}footer{font-size:11px;color:#7b897e;text-align:center;margin-top:50px}dialog{border:1px solid #cbd7cb;border-radius:16px;width:min(620px,95vw);max-height:90vh;padding:25px;box-shadow:0 20px 90px #1234}dialog::backdrop{background:#16302566}.columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}#editor-view{max-width:880px}#article-sources .card{background:#eef2ed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #99c5b3;outline-offset:2px}[hidden]{display:none!important}@media(max-width:720px){header{padding:0 20px}.pill{display:none}main{padding:25px 16px}.intro{display:block}.connection{margin-top:22px;max-width:none}h1{font-size:30px}.toolbar,.filters,.selection{flex-wrap:wrap}.filters input,.filters select{max-width:none}.card-top{flex-wrap:wrap}.columns{grid-template-columns:1fr}button{font-size:13px}}
#wa-chats{max-height:300px;overflow:auto;margin:15px 0}#wa-chats label{display:flex;align-items:center;gap:10px;font-size:13px;overflow-wrap:anywhere}#wa-chats input{width:auto}section.connection{max-width:none;margin:20px 0}
.login-panel{max-width:480px;margin:50px auto;background:white;padding:32px;border:1px solid #dce3de;border-radius:16px}.login-panel h1{font-size:32px}#login-error{color:#86372d}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:20px 0}.stat{background:white;border:1px solid #dce3de;border-radius:12px;padding:20px}.stat strong{display:block;font-size:28px}.stat span{color:#65776c}.activity-row{display:flex;align-items:center;gap:15px;margin:8px 0}.activity-row progress{flex:1;accent-color:#26715b}details summary{cursor:pointer;margin-top:12px}details p{white-space:pre-wrap}
#account-settings{background:white;padding:20px;border:1px solid #dce3de;border-radius:12px;margin:20px 0}#settings-form{max-width:650px}#settings-form input[type=checkbox]{width:auto;margin-right:10px}#settings-form input[type=number]{max-width:160px}
/* Closer Academy Jobboard: navy, sky blue and soft panels. */
:root{color:#0b1620;background:#eef4fa;font-family:'Segoe UI',Arial,sans-serif}
body{min-height:100vh;background:linear-gradient(165deg,#eef4fa 0%,#e4ecf7 46%,#dddcf4 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased}
header{background:#09131f;color:#fff;border:0;height:82px}.brand-icon{background:linear-gradient(145deg,#1497df,#036d9d);border-radius:14px}.brand small{color:#a4bbce}.pill{background:#193248;color:#bde6fc;border:1px solid #29495f}
h1,h2,h3{color:#0b1620;letter-spacing:-.035em}h1{font-size:42px;font-weight:750}p{color:#526578}.eyebrow{color:#036d9d}.intro{padding:14px 0 24px}
a{color:#036d9d;text-underline-offset:4px}a:hover{color:#04557e}
.connection,.card,.stat,#account-settings,.login-panel{background:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.95);border-radius:22px;box-shadow:0 12px 36px -24px #173b6260}
button{border-radius:12px;border-color:#d2dce7;color:#33414f;padding:12px 18px;transition:background .15s,box-shadow .15s}button:hover{background:#e0edf8}button.primary{background:#04111a;border-color:#04111a;color:#fff}button.primary:hover{background:#123553;box-shadow:0 8px 20px -10px #036d9d}
nav{border:0;background:#ffffff80;border-radius:16px;padding:6px;gap:6px}nav button{border-radius:11px;padding:12px 22px}nav button.active{background:#036d9d;color:#fff;border:0}
input,textarea,select{background:#eef3f8;border:1px solid #d8e2ec;border-radius:12px;color:#0b1620;padding:12px 14px}input:focus,textarea:focus,select:focus{background:#fff}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #1497df;outline-offset:3px}input[type=checkbox]{accent-color:#036d9d}
.badge{background:#e1effa;color:#04557e}.message-text{color:#33414f}.meta,.hint{color:#627386}.empty{border-color:#afc5d9;background:#ffffff35;color:#526578}.stat strong{color:#036d9d}.stat span{color:#526578}.activity-row progress{accent-color:#1497df}#article-sources .card{background:#eef4fa}dialog{background:#f4f7fb;border:1px solid #fff;border-radius:24px;box-shadow:0 24px 90px #09131f55}dialog::backdrop{background:#09131f99}footer{color:#627386}#account-settings>summary{font-weight:700;font-size:18px;margin:0}#settings-form label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px}#settings-form input[type=checkbox]{display:inline-block;width:18px;height:18px;margin:0;flex-shrink:0}
.login-page header{position:relative}.login-layout{display:grid;grid-template-columns:1.1fr 1fr;max-width:none;padding:0;min-height:calc(100vh - 82px)}.login-stage{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:64px clamp(30px,5vw,90px);background:radial-gradient(ellipse at 90% 10%,#123553,transparent 65%),#09131f;color:#fff}.stage-label{color:#a7c7df;letter-spacing:.14em;font-size:12px;font-weight:700}.login-stage h2{font-size:clamp(36px,4.3vw,64px);line-height:1.06;color:white;margin:30px 0 18px}.login-stage h2 span{color:#5cc8f2}.login-stage p{max-width:440px;color:#b0c4d5;font-size:17px}.stage-features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin:30px 0 48px}.stage-features div{padding:22px 16px;border-radius:20px;background:linear-gradient(145deg,#1497df,#036d9d)}.stage-features strong{display:block;font-size:28px;font-weight:700}.stage-features span{display:block;font-size:13px;margin-top:8px;color:#ecf8ff}.login-stage a{color:#b0c4d5;font-size:14px}.login-panel{width:calc(100% - 72px);max-width:470px;margin:48px auto;align-self:center;padding:34px}.login-panel h1{font-size:34px}.login-panel button{width:100%}.login-panel #registration-hint{line-height:1.65}.login-panel .eyebrow{font-size:10px}
@media(max-width:900px){.login-layout{grid-template-columns:1fr}.login-stage{padding:36px 28px}.login-stage h2{font-size:38px;margin-top:18px}.login-stage p{max-width:600px}.stage-features{max-width:570px;margin:18px 0 26px}.login-panel{margin:28px auto;width:calc(100% - 32px);max-width:540px}}
@media(max-width:600px){header{height:72px;padding:0 18px}.brand strong{font-size:18px}.brand small{font-size:11px}h1{font-size:32px}nav{gap:2px}nav button{padding:12px 10px;flex:1;font-size:12px}.card,.connection,#account-settings{padding:18px;border-radius:18px}.login-panel{padding:24px}.stage-features{gap:8px}.stage-features div{padding:16px 10px;border-radius:16px}.stage-features span{font-size:11px}.login-stage h2{font-size:36px}.toolbar,.actions{flex-wrap:wrap}.login-stage p{font-size:15px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}