@import url("logo-impact.css");
:root{--navy:#0a1527;--blue:#1b477f;--line:#dce3ec;--serif:"Playfair Display",Georgia,serif;--sans:Manrope,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#17243a;font-family:var(--sans);display:grid;grid-template-columns:260px 1fr}.side{min-height:100vh;background:var(--navy);padding:28px 23px;color:#fff;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.brand img{width:50px;height:50px;border-radius:50%}.brand span{display:grid;line-height:.94;font-size:9px;letter-spacing:.14em}.brand b{font-size:17px;letter-spacing:.19em}.brand em{font:600 13px var(--serif);letter-spacing:0}.side>p{font-size:9px;color:#aabbd3;letter-spacing:.16em;font-weight:800;margin:50px 10px 13px}.side nav{display:grid;gap:4px}.side nav a{color:#bac6d7;text-decoration:none;padding:12px 10px;font-size:11px;font-weight:700;border-left:2px solid transparent}.side nav a.active,.side nav a:hover{background:#1a2d49;color:#fff;border-left-color:#7ea5dd}.badge{float:right;background:#d63d49;color:#fff;border-radius:12px;padding:2px 6px;font-size:9px}.side .logout{margin-top:auto;color:#b9c7d9;text-decoration:none;font-size:10px;font-weight:700;padding:18px 8px 2px}main{padding:55px clamp(28px,7vw,110px);max-width:1320px}h1,h2,h3{font-family:var(--serif);letter-spacing:-.04em}h1{font-size:44px;line-height:1;margin:0}h1 i,h2 i{color:#32639e}.eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:#5f7ca5;margin:0 0 12px}.sub{font-size:12px;line-height:1.7;color:#718095;margin:17px 0 38px}.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.mission{background:#fff;border:1px solid var(--line);padding:19px}.mission-top{display:flex;justify-content:space-between;font-size:9px;color:#65758d;font-weight:800}.mission h3{font-size:22px;line-height:1.2;margin:25px 0 10px}.mission p{font-size:10px;color:#718095}.mission-footer{border-top:1px solid #e0e5ec;margin-top:20px;padding-top:15px;display:flex;justify-content:space-between;align-items:center}.mission-footer strong{font:600 22px var(--serif)}button{font-family:var(--sans);cursor:pointer}.take,.confirm{border:0;background:#173d70;color:#fff;font-size:10px;font-weight:800;padding:10px 11px}.mission.locked{border-color:#d69e37;background:#fffdf8}.mission.locked .confirm{background:#ba7a17}.agenda-list{display:grid;gap:12px}.agenda-card{background:#fff;border:1px solid var(--line);padding:21px;display:flex;justify-content:space-between;align-items:center}.agenda-card b,.agenda-card span{display:block}.agenda-card b{font-size:12px}.agenda-card span{font-size:10px;color:#718095;margin-top:5px}.finish{border:1px solid #b8c7d8;padding:9px 10px;display:flex;align-items:center;gap:8px;font-size:9px;color:#426183}.finish input{accent-color:#316398}.confirmed{background:#e2f1e9;padding:7px;color:#24633e;font-size:9px!important;font-weight:800}.layout-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{padding:27px;background:#fff;border:1px solid var(--line)}.panel h2{font-size:31px;line-height:1;margin:0 0 20px}.panel p:not(.eyebrow){font-size:11px;line-height:1.7;color:#6d7b8f}.panel form{display:grid;gap:13px}.panel label{display:grid;gap:6px;font-size:9px;color:#536176;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.panel input,.panel select{border:1px solid #d7dfe9;padding:11px;font:11px var(--sans)}.panel button{border:0;background:#183d70;color:#fff;font-size:10px;font-weight:800;padding:11px 13px;text-align:left}.status{color:#277143;font-size:10px}.thread{height:300px;overflow:auto;background:#fff;border:1px solid var(--line);padding:16px}.thread p{max-width:82%;margin:0 0 12px;padding:9px;background:#edf2f9;font-size:10px}.thread .own{margin-left:auto;background:#dfeafb}.thread b,.thread span{display:block}.thread span{color:#617086;margin-top:3px}.message-form{display:flex;margin-top:12px}.message-form input{width:100%;border:1px solid var(--line);padding:11px;font:11px var(--sans)}.message-form button{border:0;background:#183d70;color:#fff;padding:11px;font-size:10px}@media(max-width:1000px){body{grid-template-columns:1fr}.side{position:relative;min-height:auto;height:auto}.side>p,.side nav,.side .logout{display:none}main{padding:45px 28px}.mission-grid{grid-template-columns:1fr}}@media(max-width:650px){h1{font-size:36px}.layout-grid{grid-template-columns:1fr}.agenda-card{align-items:flex-start;gap:12px;flex-direction:column}}
