:root{--dark:#0b1720;--green:#14b86a;--light:#f4f7f8;--card:#fff;--muted:#6c7a86}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--light);color:#13202b}.hero{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;padding:50px;background:linear-gradient(135deg,#0b1720,#123e30)}.hero h1{font-size:54px;color:white;margin:0 0 10px}.hero p{color:#d6eee3;font-size:20px}.btn{display:inline-block;background:var(--green);color:white;padding:13px 20px;border-radius:10px;text-decoration:none;border:0;cursor:pointer;font-weight:bold}.btn.secondary{background:#22313d}.card{background:var(--card);border-radius:16px;padding:22px;box-shadow:0 10px 30px rgba(0,0,0,.08);margin-bottom:18px}.login{max-width:430px;margin:70px auto}.input,select,textarea{width:100%;padding:12px;border:1px solid #d9e0e4;border-radius:10px;margin:7px 0 15px;background:white}.layout{display:flex}.sidebar{width:260px;background:var(--dark);min-height:100vh;padding:22px;position:fixed}.sidebar h2{color:white}.sidebar a{display:block;color:#cce0dc;text-decoration:none;padding:12px;border-radius:8px;margin:5px 0}.sidebar a:hover{background:#162a36;color:white}.main{margin-left:260px;padding:25px;width:calc(100% - 260px)}.top{display:flex;justify-content:space-between;align-items:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.stat{font-size:34px;font-weight:bold;color:var(--green)}table{width:100%;border-collapse:collapse;background:white;border-radius:12px;overflow:hidden}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf1f3}th{background:#f0f5f3}.badge{padding:5px 9px;border-radius:20px;background:#e8f8ef;color:#0a8a4b}.muted{color:var(--muted)}.chatbox{background:#eaf2ef;padding:15px;border-radius:12px;min-height:250px}.bubble{padding:10px 13px;border-radius:12px;margin:7px 0;max-width:75%}.in{background:white}.out{background:#d9fdd3;margin-left:auto}@media(max-width:800px){.hero{grid-template-columns:1fr;padding:25px}.sidebar{position:relative;width:100%;min-height:auto}.main{margin-left:0;width:100%}.layout{display:block}.hero h1{font-size:38px}}