*{box-sizing:border-box}body{margin:0;font:15px system-ui,-apple-system,Segoe UI,Arial;background:#f5f7fa;color:#182633;display:flex;min-height:100vh}aside{width:245px;background:#132b30;color:white;padding:24px 18px;flex-shrink:0}aside h2{margin:0 0 5px;font-size:22px}aside small{color:#a7c3c2}nav{display:grid;gap:8px;margin:36px 0}nav a{padding:12px;color:#e8f3f2;text-decoration:none;border-radius:9px}nav a:hover{background:#25494a}main{padding:30px;flex:1;min-width:0;max-width:1200px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:15px}h1{font-size:26px;margin:0}h2{font-size:18px;margin:0 0 20px}.panel{background:white;border:1px solid #e5ebed;border-radius:15px;padding:24px;margin-bottom:20px;box-shadow:0 3px 14px #16282d08}.cards{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:15px}.cards strong{display:block;font-size:32px;margin-top:15px;color:#0c865e}.cards small,small{color:#70808b}input,textarea{font:inherit;padding:12px;border:1px solid #d5dfe3;border-radius:8px;width:100%;margin:8px 0 15px}button{font:inherit;background:#0c9467;color:white;border:0;border-radius:8px;padding:12px 18px;cursor:pointer}button:hover{background:#067751}button.ghost{background:#34545a}.inline{display:flex;gap:10px;align-items:center}.inline input{margin:0}.line{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #eef1f2;padding:14px 0;color:inherit;text-decoration:none}.line button{white-space:nowrap}.line:last-child{border:0}.alert,.success{padding:14px;border-radius:8px;margin-bottom:15px;background:#ffe6e6;color:#a32121}.success{background:#ddf6e8;color:#0b6e43}.login{margin:auto;max-width:460px}.loginbox{margin-top:15vh}.thread{height:50vh;overflow:auto;background:#eaf1ee;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.bubble{align-self:flex-start;max-width:80%;padding:12px 16px;background:white;border-radius:12px;white-space:normal}.bubble.out{align-self:flex-end;background:#d5f4df}.bubble small{display:block;font-size:10px;margin-top:8px}a{color:#07835d}@media(max-width:800px){body{display:block}aside{width:100%;padding:15px}nav{display:flex;overflow:auto;margin:12px 0}nav a{white-space:nowrap}main{padding:15px}.cards{grid-template-columns:repeat(2,1fr)}header{align-items:flex-start;flex-direction:column}}