:root{--blue:#075bb5;--dark:#072c55}*{box-sizing:border-box}body{background:#f5f8fc;color:#172b4d}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:linear-gradient(180deg,#063b73,#075bb5);padding:20px 12px;z-index:4}.brand{color:#fff;font-size:1.15rem;font-weight:700;padding:10px 12px 25px}.brand i{font-size:1.5rem}.sidebar a{display:block;color:#cce3ff;text-decoration:none;padding:11px 13px;margin:3px 0;border-radius:9px}.sidebar a i{width:28px}.sidebar a:hover,.sidebar a.active{background:#fff;color:var(--blue);font-weight:600}.main{margin-left:250px}.main header{height:70px;background:#fff;display:flex;align-items:center;gap:20px;padding:0 30px;border-bottom:1px solid #e7edf5}.search{max-width:550px;flex:1;background:#f2f6fb;border-radius:8px;padding:7px 12px}.search input{border:0;outline:0;background:transparent;width:90%;padding-left:8px}.user{cursor:pointer;text-decoration:none;color:#233}.user i{font-size:1.4rem;margin-right:7px}.content{padding:30px;max-width:1440px}.title{display:flex;justify-content:space-between;margin-bottom:25px}.title h1{font-size:1.65rem;margin:0;color:var(--dark)}.title small{color:#718096}.stat{background:#fff;border-radius:12px;padding:18px;box-shadow:0 2px 10px #1d4f9120;min-height:112px}.stat i{float:right;color:var(--blue);font-size:1.6rem}.stat b{display:block;font-size:1.7rem}.stat span{font-size:.84rem;color:#667}.card{border:0;box-shadow:0 2px 12px #14213d12;border-radius:12px}.event{border-left:4px solid;padding:12px;margin-bottom:8px;background:#f8fafc}.chat-wrap{height:570px;background:#fff;border-radius:12px;overflow:hidden;display:flex;box-shadow:0 2px 12px #14213d12}.chat-wrap aside{width:220px;background:#eef5ff;padding:15px}.chat-wrap aside a{display:block;padding:9px;text-decoration:none;color:#234;border-radius:6px}.chat-wrap aside a.selected{background:#d5e8ff;color:#075bb5;font-weight:600}.chat-main{display:flex;flex-direction:column;flex:1}.chat-main #messages{flex:1;padding:20px;overflow:auto}.message{margin:9px 0;padding:8px 12px;background:#f2f6fb;border-radius:9px;max-width:75%}.message.mine{margin-left:auto;background:#d9ecff}.chat-form{display:flex;gap:8px;padding:15px;border-top:1px solid #ddd}.login{min-height:100vh;background:linear-gradient(135deg,#063b73,#0d6efd);display:grid;place-items:center}.login-card{width:min(420px,92vw);background:white;padding:38px;border-radius:16px;box-shadow:0 20px 60px #0005;text-align:center}.login-card .logo{color:#0d6efd;font-size:3rem}.login-card h1{font-size:1.5rem;color:#073b72}.login-card p{color:#667}@media(max-width:768px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.show{transform:none}.main{margin-left:0}.main header{padding:0 14px}.content{padding:20px 14px}.user{font-size:0}.chat-wrap aside{width:130px}}