:root{color-scheme:dark;--bg:#071424;--panel:#10273c;--blue:#08a6f8;--line:#29475f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#e9f3ff;font:16px system-ui,sans-serif}header{display:flex;align-items:center;gap:16px;padding:14px 5%;border-bottom:1px solid var(--line)}header img{width:64px;height:64px;object-fit:contain}header small{display:block;color:#9ec0dc}header span{margin-left:auto}main{max-width:1200px;margin:auto;padding:24px}nav{display:flex;flex-wrap:wrap;gap:8px;padding:14px 5%;background:#0b1d30}a{color:#74caff}nav a,.button,button{display:inline-block;padding:10px 16px;border-radius:10px;text-decoration:none;background:#12416a;color:white;border:1px solid #286b9c;cursor:pointer}button,.button{background:linear-gradient(120deg,#0874dc,#0a9df0);font:inherit}nav form{margin:0}section{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;margin:16px 0;overflow:auto}.columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metrics strong{display:block;font-size:30px;margin-top:8px}label{display:block;margin:12px 0;color:#bcd5ea}input,textarea,select{display:block;width:100%;padding:12px;margin-top:5px;border-radius:8px;border:1px solid #3c5971;background:#0b1d30;color:#fff;font:inherit}input[type=checkbox]{display:inline;width:auto}textarea{min-height:90px}form button{margin-top:10px}small{color:#abc4da}article{border-bottom:1px solid var(--line);padding:14px 0;overflow-wrap:anywhere}article p{white-space:normal}table{width:100%;border-collapse:collapse}td,th{text-align:left;border-bottom:1px solid var(--line);padding:12px}canvas{width:100%;height:260px}progress{width:100%;accent-color:var(--blue)}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;text-align:center}.calendar a{padding:14px 0;border-radius:8px;text-decoration:none}.selected{background:#067ada;color:#fff}.month{display:flex;align-items:center;justify-content:space-between}.notice{background:#163d62;border-left:4px solid #23adff;padding:16px}.removed{font-style:italic;color:#c2d1df}.login{max-width:440px;margin:30px auto}.brand{display:block;width:170px;margin:auto}.attachment{max-width:100%;max-height:360px;border-radius:12px}.terms{line-height:1.7;white-space:normal}footer{text-align:center;padding:30px;color:#9cb5cb;font-size:13px}.composer{position:relative}h1{font-size:28px}h2{font-size:21px}@media(max-width:760px){.columns{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}main{padding:14px}header span{display:none}nav{flex-wrap:nowrap;overflow-x:auto}nav a{white-space:nowrap}section{padding:16px}.metrics strong{font-size:24px}.calendar a{padding:10px 0}}@media print{header,nav,footer,button,.button{display:none}body{background:white;color:black}section{background:white;color:black;border:1px solid #aaa}.columns{display:block}}

header{position:sticky;top:0;z-index:20;background:#071424}.composer{position:sticky;bottom:0;z-index:10;box-shadow:0 -8px 24px #071424}.composer textarea{min-height:55px;max-height:120px}.composer form{display:grid;grid-template-columns:1fr auto;gap:10px}.composer form label{margin:0}.composer form label:first-of-type{grid-column:1 / -1}.composer input[type=file]{max-width:100%;font-size:12px}#new-msg{position:sticky;top:90px;z-index:15}