*{box-sizing:border-box}body{margin:0;font:14px Arial,sans-serif;background:#f4f7fb;color:#172033}a{text-decoration:none;color:inherit}aside{position:fixed;width:230px;inset:0 auto 0 0;background:#102a2a;color:#d9eeee;padding:24px 14px}.brand{font-size:27px;font-weight:800;padding:0 10px 22px}.brand span{color:#25d366}nav a{display:block;padding:12px 14px;border-radius:9px;margin:4px 0}nav a:hover{background:#19413e}main{margin-left:230px;min-height:100vh}header{height:68px;background:#fff;border-bottom:1px solid #e4e8ef;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.content{padding:28px}footer{padding:20px 28px;color:#778}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:20px 0}.stat,.card{background:#fff;border:1px solid #e7ebf0;border-radius:14px;padding:22px;box-shadow:0 4px 14px #2030400c}.stat i{font-style:normal;font-size:24px}.stat b{display:block;font-size:28px;margin:12px 0 4px}.stat span,.muted{color:#7a8492}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}input,textarea,select{width:100%;padding:11px 12px;border:1px solid #d9dfe7;border-radius:8px;margin:6px 0 13px;background:#fff}button,.btn{display:inline-block;border:0;background:#16a765;color:white;padding:11px 16px;border-radius:8px;cursor:pointer}.secondary{background:#29465b}.notice{padding:12px;background:#e7fff2;margin:12px 0}.bad{padding:10px;background:#ffe9e9;color:#a11}.pill{padding:5px 9px;background:#eef4ff;border-radius:20px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf0f4}.chart{height:180px;display:flex;align-items:flex-end;gap:16px;padding-top:20px}.chart span{flex:1;background:#25d366;border-radius:6px 6px 0 0}.login{display:grid;grid-template-columns:1.1fr .9fr;min-height:100vh}.login-art{background:linear-gradient(135deg,#0c3b35,#16a765);color:#fff;display:grid;place-items:center;padding:60px}.login-art h1{font-size:54px;margin:0}.login-form{display:grid;place-items:center;padding:40px}.login-form form{width:min(420px,100%)}.center{display:grid;place-items:center;min-height:100vh}.install{width:min(800px,94%)}@media(max-width:800px){aside{position:relative;width:100%}main{margin:0}.stats,.grid2,.login{grid-template-columns:1fr}.login-art{display:none}.content{padding:16px}}